logo

Ant Design Charts

  • Manual
  • Options
  • Examples
  • Productsantv logo arrow
  • 2.0.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
    • Composite view
    • Sankey
    • RadialBar
    • Annotation Shape
  • 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

Line

  • Basic 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

Area

  • Basic Area plot

  • missing data area plot

  • Stacked Area Chart

  • Normalized Area, MaxIndex

  • 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

  • Normalized Bar Chart

  • Background Bar Chart

  • Gantt Chart

Column

  • Column Chart

  • 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

  • Dodged Bar Chart

  • Stacked Column Chart

  • Stacked column plot with connectedArea

  • Show total label with annotations

  • 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

  • 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

  • Jitter Scatterplot

  • Stacked Scatterplot

  • Bubble Chart

  • Log Scatterplot

  • Aggregated Bubble Chart

  • Dot Plot

  • 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

  • Aggregated Dual Line And Area Chart

  • 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

  • Radar (coordinate polar)

  • Radar (coordinate radar)

  • Radial Area 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

  • Tiny progress plot

  • Basic tiny ring progress

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

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

  • Rose Chart

  • Stacked Rose Chart

  • Rose Chart, Label

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

Violin

  • Density plot

  • Basic violin plot

  • Polar violin plot

Composite view

  • Space Layer

  • Space Flex

  • Rect facet

  • Facet Circle

  • Repeat Matrix, Col

  • Repeat Matrix

Sankey

  • Sankey

  • Alipay sankey

  • Energy sankey

  • 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

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

Resources

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-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38