logo

Ant Design Charts

  • 教程
  • 选项
  • 图表示例
  • 所有产品antv logo arrow
  • 2.0.0

高级交互

  • 图表联动

  • 默认提示

  • 分段线

  • 防止重复渲染

  • 图例过滤

  • 数据更新

  • 自定义图形标记

  • 默认选中

  • 自定义颜色

  • 自定义单个颜色

折线图

  • 基础折线图

  • 变宽折线图

  • 连接空值

  • 系列折线图

  • 归一化折线图

  • 多色折线图

  • 阈值折线图

  • 文本标记的折线图

  • 缩略轴

  • 通过回调函数指定折线样式

面积图

  • 基础面积图

  • 数据缺失面积图

  • 堆叠面积图

  • 归一化堆积面积图

  • 阶梯面积图

  • 渐变色面积图

  • 彩条图

  • 河流图

  • 区间曲线面积图

  • 出现顺序堆叠面积图

  • 差分面积图

条形图

  • 柱形图

  • 自定义条形图 shape

  • 堆叠条形图

  • 归一化条形图

  • 背景条形图

  • 甘特图

柱状图

  • 柱形图

  • 自定义柱状图颜色

  • 限制宽度的柱形图

  • 带缩略轴柱状图

  • 带滚动条柱状图

  • 带辅助框标注的基础柱状图

  • 区间柱形图

  • 分组堆叠柱状图

  • 分组条形图

  • 堆叠柱形图

  • 自定义联通区域样式柱状图

  • 借助图形标注展示总计 label

  • 分组柱状图像素级组内柱子间距

  • 数据更新

  • 带转化率柱状图

  • 百分比柱状图

  • 自定义坐标轴标签

  • 自定义提示

  • 自定义Legend

  • 2.5D 柱状图

热力图

  • 热力形状大小映射

  • 热力形状图

  • 自定义形状

  • 聚合热力图

  • 密度热力图

饼图

  • 基础饼图

  • 饼图 - 外部图形标签

  • 饼图 - 蜘蛛布局标签

  • 饼图 - 自定义标签

  • 饼图 - 四分之一圆

  • 饼图 - 带纹理的饼图

  • 基础环图

  • 甜甜圈图

  • 饼图 - 自定义提示

  • 饼图联动

散点图

  • 散点图

  • 一维散点图

  • 带子散点图

  • 标签散点图

  • 多形状散点图

  • 渐变色散点图

  • 扰动散点图

  • 堆叠散点图

  • 气泡图

  • 对数气泡图

  • 聚合气泡图

  • 点图

  • 散点图-回归线

股票图

  • 基础蜡烛图

  • 自定义颜色:绿涨红跌

瀑布图

  • 线标记的瀑布图

  • 瀑布图 - 添加标注

对称条形图

  • 对称条形图

  • 垂直对称条形图

双轴图

  • 柱线混合

  • 分段图

  • 多轴图

  • 聚合线面双轴图

  • 帕累托图

  • 柱线混合图表

  • 柱线混合图表-自定义样式

  • 柱线混合图表-区间柱

  • 柱线混合图表-显示多折线

  • 柱线混合图表-滑块

  • 双折线图

  • 双折线图 - 自定义折线样式

  • 双折线图 - 阶梯折线

  • 双折线图 - 多折线

  • 堆叠柱线图表

  • 堆叠柱线图表-自定义样式

  • 百分比堆叠柱线图表

  • 堆叠柱线图表-显示多折线

  • 分组柱线图表

  • 分组柱线图表-自定义样式

  • 分组柱线图表-显示多折线

漏斗图

  • 漏斗图

  • 金字塔图

  • 对比漏斗图

  • 转化漏斗图-转置

直方图

  • 直方图

  • 颜色分类直方图

  • 直方图范围刻度

雷达图

  • 基础雷达图

  • 雷达图(一般极坐标 polar)

  • 雷达图(雷达图特殊极坐标 radar)

  • 径向面积图

迷你图

  • 迷你面积

  • 带辅助信息的迷你面积图

  • 平铺填充迷你面积图

  • 迷你柱形图

  • 带辅助线的迷你柱形图

  • 迷你折线图

  • 带辅助线的迷你折线图

  • 迷你进度图

  • 迷你进度环图

箱线图

  • 基础箱线图

  • 预处理箱线图

  • 预处理分组箱线图

  • 无异常点箱线图

  • 带异常点箱线图

  • 带异常点分组箱线图

  • 一维箱线图

  • 径向箱线图

  • 预处理箱线图 tooltip 配置

  • 箱线图 tooltip 配置

子弹图

  • 子弹图

  • 多指标子弹图

  • 子弹图 垂直方向

  • 分组子弹图

  • 分组多指标子弹图

  • 子弹图 更多配置

韦恩图

  • 基础韦恩图

  • 自定义颜色

  • 设置label

  • 自定义韦恩图

  • 韦恩图-元素交互

矩阵树图

  • 矩阵树图

捆绑图

  • 基础捆绑图

  • 捆绑图 - 显示Label

  • 捆绑图 - 自定义padding距离

水波图

  • 水波图

  • 水滴形状水波图

  • 带背景的水波图

  • 自定义形状水波图

玫瑰图

  • 玫瑰图

  • 堆积玫瑰图

  • 玫瑰图标签

旭日图

  • 旭日图

  • 旭日图带标签

  • 旭日图自定义颜色通道

  • 旭日图自定义样式

  • 旭日图交互配置

词云图

  • 词云图

  • 带图片遮罩的词云图

仪表盘

  • 仪表盘

  • 自定义仪表盘颜色

小提琴图

  • 和密度图

  • 基础小提琴图

  • 极坐标小提琴图

复合视图

  • 层叠容器

  • 弹性容器

  • 矩行分面

  • 圆形分面

  • 列重复矩阵

  • 重复矩阵

桑基图

  • 桑基图

  • 支付宝流量桑基图

  • 能量关系桑基图

  • 节点排序前桑基图

玉珏图

  • 玉珏图

  • 带圆角的玉珏图

  • 带自定义颜色的玉珏图

  • 堆叠玉珏图

  • 分组玉珏图

  • 带柱子背景的玉珏图

  • 线形玉珏图

图形标注

  • 点标记的条形图

  • 徽章标记的折线图

  • 徽章水印

交互

  • 高亮

  • 选择

  • 刷选

  • 刷选事件

  • 索引图

  • 鱼眼

  • 图表联动

生态树

  • 水平生态树

  • 垂直生态树

  • 径向生态树

  • 水平紧凑树

  • 垂直紧凑树

  • 径向紧凑树

缩进树

  • 缩进树

  • 缩进树-子节点左侧分布

  • 缩进树-子节点自动两侧分布

  • 线条风格缩进树

  • 方框风格缩进树

  • 动态展开/收起子节点

思维导图

  • 思维导图

  • 思维导图-子节点右侧分布

  • 思维导图-子节点左侧分布

  • 线条风格思维导图

  • 方框风格思维导图

  • 自定义节点样式

  • 动态展开/收起子节点

组织架构图

  • 组织结构图

  • 复杂节点的组织结构图

  • 至左向右的组织结构图

  • 自定义收起图标

网络图

  • 网络图

流向图

  • 流向图

  • 自定义流向图

流程图

  • 流程图

  • 高亮元素及其所在链路

  • 任务调度流程图

  • 产品开通动线图

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
  • 场景案例
    • 高级交互
  • 统计图表
    • 折线图
    • 面积图
    • 条形图
    • 柱状图
    • 热力图
    • 饼图
    • 散点图
    • 股票图
    • 瀑布图
    • 对称条形图
    • 双轴图
    • 漏斗图
    • 直方图
    • 雷达图
    • 迷你图
    • 箱线图
    • 子弹图
    • 韦恩图
    • 矩阵树图
    • 捆绑图
    • 水波图
    • 玫瑰图
    • 旭日图
    • 词云图
    • 仪表盘
    • 小提琴图
    • 复合视图
    • 桑基图
    • 玉珏图
    • 图形标注
    • 交互
  • 关系图
    • 生态树
    • 缩进树
    • 思维导图
    • 组织架构图
    • 网络图
    • 流向图
    • 流程图