logo

Ant Design Charts

  • Manual
  • Components
  • Examples
  • Options
  • Productsantv logo arrow
  • 2.6.0-beta.0
  • Show Case
    • Advanced interactions
  • Statistics
    • Line
    • Area
    • Bar
    • Column
    • Heatmap
    • Pie
    • Scatter
    • Stock
    • Waterfall
    • BidirectionalBar
    • DualAxes
    • Funnel
    • Histogram
    • Radar
    • Tiny
    • Box
    • Bullet
    • Venn
    • Treemap
    • Circle Packing
    • Liquid
    • Rose
    • Sunburst
    • WordCloud
    • Gauge
    • Violin
    • Sankey
    • RadialBar
    • Annotation Shape
    • Interaction
    • Events
    • Composite view
  • Relations
    • Dendrogram
    • Indented Tree
    • MindMap
    • Organization Chart
    • Network Graph
    • Flow Direction Graph
    • Flowchart

Advanced interactions

  • Chart link

  • Default tooltip

  • Segmented line

  • Memo

  • Legend filter

  • Data update

  • Custom shape

  • Default selected

  • Custom color

  • Custom single color

Line

  • Basic line plot

  • Smooth line plot

  • Var Size Line Chart

  • Connect nulls plot

  • Series Line plot

  • Normalize Line plot

  • Colors Line plot

  • Threshold Line Chart

  • Line, Text Annotation

  • Slider

  • Set line style through callback

  • Add fill color

Area

  • Basic Area plot

  • Area plot with markers

  • missing data area plot

  • Stacked Area Chart

  • Percentage Area Chart

  • Step Area Chart

  • Gradient Area Chart

  • Stripe Chart

  • Streamgraph

  • Range Spline Area Chart

  • Stacked Area

  • Area Difference

Bar

  • Bar Chart

  • Customize shape of bar plot

  • Stacked Bar Chart

  • Reflected Bar Chart

  • Normalized Bar Chart

  • Background Bar Chart

  • Grouped Bar Chart

  • Gantt Chart

  • Conversion Rate Bar Chart

Column

  • Column Chart

  • Column plot background color

  • Column plot color

  • Column with maxWidth

  • Column plot with slider

  • Column plot with scrollbar

  • Basic column plot with region annotation

  • Range Column Chart

  • Group and stack Column Chart

  • Stacked Column Chart

  • Stacked column plot with connectedArea

  • Show total label with annotations

  • Grouped Column plot

  • DodgePadding of grouped column plot

  • Change Data

  • Column plot with conversion tag

  • Percent Column plot

  • Customize axis labels

  • Customize tooltip

  • Customize legend

  • 2.5D Column Chart

Heatmap

  • Heatmap plot shape size mapping

  • Shape heatmap plot

  • Custom Shape

  • Aggregated Heatmap

  • Density Heatmap

Pie

  • Basic pie plot

  • Pie plot - outer label

  • Pie plot - spider label

  • Pie plot - custom label

  • Pie plot - Quarter circle pie

  • Pie plot - Pie plot fill with texture

  • Basic donut plot

  • Pie plot - Donut Chart

  • Pie Chart - Custom Tooltip

  • Association Pie

Scatter

  • Scatterplot

  • One Dimension Scatterplot

  • Strip Plot

  • Scatterplot, Labeled

  • Multi-Shape Scatterplot

  • Gradient Scatterplot

  • Stacked Scatterplot

  • Bubble Chart

  • Log Scatterplot

  • Scatter plot regression line

Stock

  • Basic candlestick plot

  • Custom stock color

Waterfall

  • Revenue Flow Waterfall Chart

  • Waterfall plot with annotation

BidirectionalBar

  • Bidirectional Bar Chart

  • Vertical Bidirectional Bar Chart

DualAxes

  • Line Bar Chart

  • Segment Chart

  • Multi Axis Chart

  • Common Axis

  • Pareto Chart

  • Column line

  • Custom column line

  • range-column-line

  • Column multi line

  • Slider with column line

  • Dual line

  • Dual line with style

  • Dual Step Line

  • Dual multi line

  • Stacked column line

  • Custom stacked column line

  • stacked-percent-column-line

  • Stacked column multi line

  • Grouped column line

  • Custom grouped column line

  • Grouped column multi line

Funnel

  • Funnel

  • Pyramid

  • Mirror Funnel

  • Annotation Funnel transpose

Histogram

  • Histogram

  • Histogram with Color

  • Bin histogram plot

Radar

  • Basic Radar

  • Grid Radar

  • Background Radar

  • Radar (coordinate polar)

  • Radial Radar Chart

Tiny

  • tiny area plot

  • Tiny area plot with annotations

  • Filled tiny area plot

  • tiny column plot

  • Tiny column plot with annotation

  • Tiny line plot

  • Tiny line plot with annotation

Box

  • Basic box plot

  • Boxplot

  • Grouped Boxplot

  • Boxplot no outlier

  • Boxplot with Outlier

  • grouped Boxplot with Outlier

  • Boxplot one dimension

  • Polar Boxplot

  • Box tooltip

  • Boxplot tooltip

Bullet

  • Bullet

  • Bullets

  • Bullet vertical

  • Bullet group

  • Bullets group

  • Bullet more Config

Venn

  • Basic venn plot

  • Custom color

  • Label setting

  • Customize venn plot

  • venn plot - with element action

Treemap

  • Treemap Chart

  • Drill Down

Circle Packing

  • CirclePacking Chart

  • CirclePacking Chart With Label

  • Custom Padding Distance For CirclePacking Chart

Liquid

  • Liquid Chart

  • Pin Liquid Chart

  • Background Liquid Chart

  • Custom Shape Liquid Chart

Rose

  • Nightingale Rose Chart

  • Nightingale Rose Chart, Labeled

  • Stacked Rose Chart

  • Interactive Rose Chart

  • Wind Rose

Sunburst

  • Sunburst Chart

  • Sunburst Label Chart

  • Sunburst ColorField Chart

  • Sunburst Style Chart

  • Sunburst Interaction Config Chart

WordCloud

  • WordCloud Chart

  • WordCloud with image mask

Gauge

  • Gauge Chart

  • Gauge Chart

  • Custom Gauge Chart Style

  • Custom Pointer

Violin

  • Basic violin plot

  • Density plot

  • Polar violin plot

Sankey

  • Alipay sankey

  • Custom node Color

  • Custom edge Color

  • NodeSort sankey

RadialBar

  • Radial-Bar plot

  • Radial-Bar plot with rounded corner

  • Radial-Bar plot with custom color

  • Stacked Radial-Bar plot

  • Grouped Radial-Bar plot

  • Radial-Bar plot with background

  • Radial-line plot

Annotation Shape

  • Interval, Point Annotation

  • Line, Badge Annotation

  • Watermark

Interaction

  • Highlight

  • Select

  • Brush

  • Brush

  • Chart Index

  • Fisheye

  • Focus and Context

  • Brush Filter

  • Brush Reset

Events

  • Get Data by XY

  • Get Data by XY on Area Chart

  • Click Legend

Composite view

  • Space Layer

  • Space Flex

  • Rect facet

  • Facet Circle

  • Repeat Matrix, Col

  • Repeat Matrix

Dendrogram

  • Horizontal Dendrogram

  • Vertical Dendrogram

  • Radial Dendrogram

  • Horizontal Tidy Tree

  • Vertical Tidy Tree

  • Radial Tidy Tree

Indented Tree

  • Indented Tree with Right Children

  • Indented Tree with Left Children

  • Indented Tree with Auto Children

  • Indented Tree with Outlined Nodes

  • Indented Tree with Boxed Nodes

  • Expand/Collapse Children

MindMap

  • Mind Map with Auto Children

  • Mind Map with Right Children

  • Mind Map with Left Children

  • Mind Map with Outlined Nodes

  • Mind Map with Boxed Nodes

  • Mind Map with Custom Nodes

  • Expand/Collapse Children

Organization Chart

  • Default Organization Chart

  • Organization Chart with Complex Nodes

  • Organization Chart from Left to Right

  • Custom Collapse Icon

Network Graph

  • Default Network Graph

Flow Direction Graph

  • Default Flow Direction Graph

  • Custom Flow Direction Graph

Flowchart

  • Default Flow Graph

  • Highlight Element and Its Chain

  • Task Scheduling Flow Graph

  • Product Launch Flow Graph

Resource

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-Interactive solution
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38