logo

Ant Design Charts

  • 教程
  • 选项
  • 图表示例
  • 所有产品antv logo arrow
  • 2.0.0
  • 📈 图表分类
  • 统计图表
    • 图表组成
    • 图表组件 - Component
      • 标题(Title)
      • 坐标轴(Axis)
      • 图例(Legend)
      • 滚动条(Scrollbar)
      • 缩略轴(Slider)
      • 提示信息(Tooltip)
      • 数据标签(Label)
    • 核心概念 - Core
      • 视图(View)
      • 数据(Data)
        • 概览
        • custom
        • ema
        • fetch
        • filter
        • fold
        • inline
        • join
        • kde
        • log
        • map
        • pick
        • rename
        • slice
        • sort
        • sortBy
      • 比例尺(Scale)
        • 概览
        • band
        • linear
        • log
        • ordinal
        • point
        • pow
        • quantile
        • quantize
        • sqrt
        • threshold
        • time
      • 转换(Transform)
        • 概览
        • bin
        • binX
        • diffY
        • dodgeX
        • flexX
        • group
        • groupColor
        • groupX
        • groupY
        • jitter
        • jitterX
        • jitterY
        • normalizeY
        • pack
        • sample
        • select
        • selectX
        • selectY
        • sortColor
        • sortX
        • sortY
        • stackEnter
        • stackY
        • symmetryY
      • 坐标系(Coordinate)
        • 概览
        • fisheye
        • parallel
        • polar
        • radial
        • theta
        • transpose
        • cartesian3D
      • 样式(Style)
      • 动画(Animate)
        • 概览
        • fadeIn
        • fadeOut
        • growInX
        • growInY
        • morphing
        • pathIn
        • scaleInX
        • scaleInY
        • scaleOutX
        • scaleOutY
        • waveIn
        • zoomIn
        • zoomOut
      • 状态(State)
      • 交互(Interaction)
        • 概览
        • brushAxisHighlight
        • brushHighlight
        • brushXHighlight
        • brushYHighlight
        • brushFilter
        • brushXFilter
        • brushYFilter
        • chartIndex
        • elementHighlight
        • elementHighlightByColor
        • elementHighlightByX
        • elementSelect
        • elementSelectByColor
        • elementSelectByX
        • fisheye
        • legendFilter
        • legendHighlight
        • poptip
        • scrollbarFilter
        • sliderFilter
      • 复合(Composition)
        • 概览
        • facetCircle
        • facetRect
        • repeatMatrix
        • spaceFlex
        • spaceLayer
        • timingKeyframe
      • 主题(Theme)
        • 概览
        • academy
        • classic
        • classicDark
      • 事件(Event)
      • 颜色映射(Color)
    • 专有配置 - 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 玉珏图
  • 关系图组件
    • 总览
    • MindMap 思维导图
    • Fishbone 鱼骨图
    • IndentedTree 缩进树图
    • Dendrogram 生态树图
    • OrganizationChart 组织结构图
    • FlowGraph 流程图
    • FlowDirectionGraph 流向图
    • NetworkGraph 网络图
    • FAQ

📈 图表分类

下一篇
图表组成

Resources

Ant Design
Galacea Effects
Umi-React 应用开发框架
Dumi-组件/文档研发工具
ahooks-React Hooks 库

社区

体验科技专栏
seeconfSEE Conf-蚂蚁体验科技大会

帮助

GitHub
StackOverflow

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
GalaceanGalacean-互动图形解决方案
xtech蚂蚁体验科技
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

一提到图表,大家脑海里浮现的,通常是柱状图、饼图、趋势图等等。这是按照图形等维度对图表进行分类,经常会导致图表的误用。

图表的作用,是帮助我们更好地看懂数据。选择什么图表,需要回答的首要问题是 「我有什么数据,需要用图表做什么」 , 而不是 「图表长成什么样」。因此我们从数据出发,从功能角度对图表进行分类。

全部比较类分布类流程类占比类区间类关系类趋势类时间类地图类其他
Area 面积图
Area 面积图
比较类
分布类
区间类
趋势类
时间类
Bar 条形图
Bar 条形图
比较类
BidirectionalBar 对称条形图
BidirectionalBar 对称条形图
比较类
Box 箱线图
Box 箱线图
分布类
Bullet 子弹图
Bullet 子弹图
比较类
CirclePacking 捆绑图
CirclePacking 捆绑图
Column 柱状图
Column 柱状图
比较类
Dendrogram 生态树图
Dendrogram 生态树图
关系类
DualAxes 双轴图
DualAxes 双轴图
比较类
趋势类
时间类
Fishbone 鱼骨图
Fishbone 鱼骨图
关系类
FlowDirectionGraph 流向图
FlowDirectionGraph 流向图
流程类
关系类
FlowGraph 流程图
FlowGraph 流程图
流程类
关系类
Funnel 漏斗图
Funnel 漏斗图
比较类
流程类
Gauge 仪表盘
Gauge 仪表盘
区间类
Heatmap 热力图
Heatmap 热力图
分布类
Histogram 直方图
Histogram 直方图
比较类
分布类
IndentedTree 缩进树图
IndentedTree 缩进树图
关系类
Line 折线图
Line 折线图
趋势类
时间类
Liquid 水波图
Liquid 水波图
MindMap 思维导图
MindMap 思维导图
关系类
NetworkGraph 网络图
NetworkGraph 网络图
关系类
OrganizationChart 组织结构图
OrganizationChart 组织结构图
关系类
Pie 饼图
Pie 饼图
占比类
Radar 雷达图
Radar 雷达图
比较类
RadialBar 玉珏图
RadialBar 玉珏图
比较类
Rose 玫瑰图
Rose 玫瑰图
比较类
Sankey 桑基图
Sankey 桑基图
流程类
关系类
Scatter 散点图
Scatter 散点图
比较类
分布类
Stock 股票图
Stock 股票图
比较类
趋势类
时间类
Sunburst 旭日图
Sunburst 旭日图
分布类
区间类
关系类
Tiny 迷你图
Tiny 迷你图
Treemap 矩阵树图
Treemap 矩阵树图
比较类
分布类
关系类
Venn 韦恩图
Venn 韦恩图
关系类
Violin 小提琴图
Violin 小提琴图
Waterfall 瀑布图
Waterfall 瀑布图
WordCloud 词云图
WordCloud 词云图
分布类