logo

Ant Design Charts

  • Manual
  • Options
  • Examples
  • Productsantv logo arrow
  • 2.0.0
  • Component Overview
  • Common Configuration Statistical Charts
    • Chart composition
    • Component
      • 标题(Title)
      • Axis
      • Legend
      • Scrollbar
      • Slider
      • Tooltip
      • Label
    • Core
      • Color En
      • View
      • Data
        • overview
        • custom
        • ema
        • fetch
        • filter
        • fold
        • inline
        • join
        • kde
        • log
        • map
        • pick
        • rename
        • slice
        • sort
        • sortBy
      • Scale
        • overview
        • band
        • linear
        • log
        • ordinal
        • point
        • pow
        • quantile
        • quantize
        • sqrt
        • threshold
        • time
      • Transform
        • overview
        • bin
        • binX
        • diffY
        • dodgeX
        • flexX
        • group
        • groupColor
        • groupX
        • groupY
        • jitter
        • jitterX
        • jitterY
        • normalizeY
        • pack
        • sample
        • select
        • selectX
        • selectX
        • sortColor
        • sortX
        • sortY
        • stackEnter
        • stackY
        • symmetryY
      • Coordinate
        • overview
        • fisheye
        • parallel
        • polar
        • radial
        • theta
        • transpose
        • cartesian3D
      • 样式(Style)
      • Animate
        • overview
        • fadeIn
        • fadeOut
        • growInX
        • growInY
        • morphing
        • pathIn
        • scaleInX
        • scaleInY
        • scaleOutX
        • scaleOutY
        • waveIn
        • zoomIn
        • zoomOut
      • 状态(State)
      • Interaction
        • Overview
        • brushAxisHighlight
        • brushHighlight
        • brushXHighlight
        • brushYHighlight
        • brushFilter
        • brushXFilter
        • brushYFilter
        • chartIndex
        • elementHighlight
        • elementHighlightByColor
        • elementHighlightByX
        • elementSelect
        • elementSelectByColor
        • elementSelectByX
        • fisheye
        • legendFilter
        • legendHighlight
        • poptip
        • scrollbarFilter
        • sliderFilter
      • Composition
        • overview
        • facetCircle
        • facetRect
        • repeatMatrix
        • spaceFlex
        • spaceLayer
        • timingKeyframe
      • Theme
        • overview
        • Academy
        • classic
        • classicDark
      • event
    • Specal Plot
      • Area
      • Bar
      • CirclePacking
      • DualAxes
      • Gauge
      • Line
      • Rose
      • Sankey
      • Scatter
      • Sunburst
      • Treemap
      • Venn
      • WordCloud
      • Column
      • Pie
      • BidirectionalBar
      • Box
      • Bullet
      • Funnel
      • Heatmap
      • Histogram
      • Liquid
      • Radar
      • Stock
      • Tiny
      • Violin
      • Waterfall
      • RadialBar
  • Relation Graph Components
    • Overview
    • MindMap
    • Fishbone
    • IndentedTree
    • Dendrogram
    • OrganizationChart
    • FlowGraph
    • FlowDirectionGraph
    • NetworkGraph
    • FAQ

Component Overview

Next
Chart composition

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

Loading...

When it comes to charts, what usually comes to mind are bar charts, pie charts, trend charts, and so on. This is a classification of charts based on graphical dimensions, which often leads to the misuse of charts.

The purpose of charts is to help us better understand the data. The primary question to answer when choosing a chart is "What data do I have, and what do I need to do with the chart?" rather than "What does the chart look like?". Therefore, we classify charts from the perspective of data and functionality.

AllComparisonDistributionFlowProportionIntervalRelationTrendTimeMapOther
Area
Area
Comparison
Distribution
Interval
Trend
Time
Bar
Bar
Comparison
BidirectionalBar
BidirectionalBar
Comparison
Box
Box
Distribution
Bullet
Bullet
Comparison
CirclePacking
CirclePacking
Column
Column
Comparison
Dendrogram
Dendrogram
Relation
DualAxes
DualAxes
Comparison
Trend
Time
Fishbone
Fishbone
Relation
FlowDirectionGraph
FlowDirectionGraph
Flow
Relation
FlowGraph
FlowGraph
Flow
Relation
Funnel
Funnel
Comparison
Flow
Gauge
Gauge
Interval
Heatmap
Heatmap
Distribution
Histogram
Histogram
Comparison
Distribution
IndentedTree
IndentedTree
Relation
Line
Line
Trend
Time
Liquid
Liquid
MindMap
MindMap
Relation
NetworkGraph
NetworkGraph
Relation
OrganizationChart
OrganizationChart
Relation
Pie
Pie
Proportion
Radar
Radar
Comparison
RadialBar
RadialBar
Comparison
Rose
Rose
Comparison
Sankey
Sankey
Flow
Relation
Scatter
Scatter
Comparison
Distribution
Stock
Stock
Comparison
Trend
Time
Sunburst
Sunburst
Distribution
Interval
Relation
Tiny
Tiny
Treemap
Treemap
Comparison
Distribution
Relation
Venn
Venn
Relation
Violin
Violin
Waterfall
Waterfall
WordCloud
WordCloud
Distribution