logo

F2

  • 教程
  • 组件API
  • 图表示例
  • 所有产品antv logo arrow
  • 5.0.3

场景案例

  • 各图表变化

  • 柱状图系列变化

  • 饼图系列变化

  • 柱状图动态排序

  • 折线图动态排序

  • 折线图动画

  • Apple Watch 健身记录

  • 雷达图动画

  • 横屏展示

插件

  • 手绘风格

基础折线图

  • 基础

  • 带点

  • 曲线

  • 阶梯

  • 折线图平移

对比折线图

  • 走势对比

  • 虚实线对比

  • 折线描点

动态折线图

  • 某黄金实时金价走势图

  • 实时折线

其他折线图

  • 存在空值

  • 连接空值数据

基础面积图

  • 基础面积图

  • 带负值面积图

  • 带负值面积图(x 基线不为 0)

  • 渐变填充面积图

层叠面积图

  • 层叠面积图

  • 区域图(存在空值)

  • 百分比层叠面积图

基础柱状图

  • 基础柱状图

  • 自定义柱状图

  • 柱状图选中

  • 柱状图平移

  • 区间柱状图

  • 渐变色柱状图

  • 纹理柱状图

分组柱状图

  • 分组柱状图

  • 带负值的分组柱状图

层叠柱状图

  • 层叠柱状图

  • 百分比层叠柱状图

基础条状图

  • 基础条状图

  • 区间条状图

分组条状图

  • 分组柱状图

  • 带负值

层叠柱状图

  • 层叠条状图

  • 百分比层叠柱状图

基础饼图

  • 基础饼图

  • 带标签

  • 带图例、文本的饼图

  • 饼图选中

环形图

  • 基础环形图

  • 圆角环形图

  • 双环形图

  • 嵌套环图

  • 环形进度条

南丁格尔玫瑰图

  • 玫瑰图

面积雷达图

  • 雷达图

  • 雷达面积图

  • 雷达图-网格线

  • 雷达图-网格背景

散点图

  • 散点图

  • 气泡图

  • 使用量比对

  • 气泡图缩放平移

基础漏斗图

  • 基础漏斗图

  • 有间距

金字塔图

  • 基础金字塔图

  • 有间距

  • 旋转向下

矩形式树图

  • 矩形式树图

旭日图

  • 旭日图

火焰图

  • 火焰图

K 线图

  • 基础 K 线图

图形标签

  • 图形标签

  • 图形标签交互

标注

  • 文本标注

  • 点标注

  • 图片

  • 辅助线

  • lottie标注

  • Polyline标注

  • 自定义

图例

  • 自定义图例

仪表盘

  • 仪表盘

  • 自定义仪表盘

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
  • 场景案例
    • 场景案例
    • 插件
  • 折线图
    • 基础折线图
    • 对比折线图
    • 动态折线图
    • 其他折线图
  • 面积图
    • 基础面积图
    • 层叠面积图
  • 柱状图
    • 基础柱状图
    • 分组柱状图
    • 层叠柱状图
  • 条形图
    • 基础条状图
    • 分组条状图
    • 层叠柱状图
  • 饼图
    • 基础饼图
    • 环形图
    • 南丁格尔玫瑰图
  • 雷达图
    • 面积雷达图
  • 点图
    • 散点图
  • 漏斗图
    • 基础漏斗图
    • 金字塔图
  • 关系图
    • 矩形式树图
    • 旭日图
    • 火焰图
  • K 线图
    • K 线图
  • 功能组件
    • 图形标签
    • 标注
    • 图例
  • 其他图表
    • 仪表盘