logoCreated with Sketch.

G2Plot

  • 使用文档
  • 图表示例
  • React 版本
  • 国内镜像
  • 所有产品antv logo arrow

    基础产品

    • G2

      G2可视化引擎

      数据驱动,高度易用,可扩展的可视化图形语法。
      产品首页图表示例
    • G6

      G6图可视化引擎

      便捷的关系数据可视化引擎与图分析工具。
      产品首页图表示例
    • F2

      F2移动可视化方案

      专注于移动端的可视化解决方案,兼容 H5/小程序/Weex 等多端环境
      产品首页图表示例
    • L7

      L7地理空间数据可视化

      高性能/高渲染质量的地理空间数据可视化框架。
      产品首页图表示例

    拓展产品

    • G2Plot

      G2Plot开箱即用的图表库

      开箱即用、易于配置、极致体验的通用图表库。
      产品首页图表示例
    • Graphin

      Graphin

      基于 G6 封装的图分析应用组件。
      产品首页使用文档
    • ChartCube

      ChartCube图表魔方

      AntV 在线图表制作利器。
      产品首页生成图表

    周边生态

    • 墨者学院

      墨者学院

      数据可视化社团
    • BizCharts

      BizCharts

      基于商业场景下的数据可视化解决方案
    • Viser

      Viser

      基于 G2 实现的可视化解决方案
  • 所有图表
  • 折线图
    • 基础折线图
    • 多折线图
    • 标注点
  • 阶梯折线图
    • 基础阶梯图
    • 多阶梯折线图
  • 面积图
    • 基础面积图
    • 堆叠面积图
    • 百分比堆叠面积图
  • 柱状图
    • 基础柱状图
    • 堆叠柱状图
    • 百分比堆叠柱状图
    • 分组柱状图
    • 区间柱状图
    • 直方图
    • 瀑布图
  • 条形图
    • 基础条形图
    • 堆叠条形图
    • 百分比堆叠条形图
    • 分组条形图
    • 区间条形图
  • 饼图
    • 基础饼图
    • 环图
  • 玫瑰图
    • 玫瑰图
  • 散点图
    • 散点图
  • 气泡图
    • 气泡图
  • 雷达图
    • 基础雷达图
  • 热力图
    • 热力图
    • 密度热力图
  • 漏斗图
    • 漏斗图
  • 树图
    • 矩形树图
  • 水波图
    • 水波图
  • 仪表盘
    • 仪表盘
  • 子弹图
    • 子弹图
  • 日历图
    • 日历图
  • 迷你图表
    • 迷你图
  • 词云图
    • 词云图
  • 混合图表
    • 双折线混合图表
    • 柱线混合图表
    • 堆叠柱+折线混合图表
    • 分组柱+折线混合图表
  • 图表通用配置
    • 标题与描述
    • 暗黑主题
    • 坐标轴
    • 图例
    • 图形标签
    • 设置图表内边距
    • 设置图表状态量
    • 辅助线
    • 提示信息
  • 高级功能尝鲜
    • 图表联动
    • 响应式图表
基础折线图
多折线图
标注点
基础阶梯图
多阶梯折线图
基础面积图
堆叠面积图
百分比堆叠面积图
基础柱状图
堆叠柱状图
百分比堆叠柱状图
分组柱状图
区间柱状图
直方图
瀑布图
基础条形图
堆叠条形图
百分比堆叠条形图
分组条形图
区间条形图
基础饼图
环图
玫瑰图
散点图
气泡图
基础雷达图
热力图
密度热力图
漏斗图
矩形树图
水波图
仪表盘
子弹图
日历图
迷你图
词云图
双折线混合图表
柱线混合图表
堆叠柱+折线混合图表
分组柱+折线混合图表
标题与描述
暗黑主题
坐标轴
图例
图形标签
设置图表内边距
设置图表状态量
辅助线
提示信息
图表联动
响应式图表

所有图表

基础折线图

  • 基础折线图

    基础折线图

  • 曲线折线图

    曲线折线图

  • 带数据点的折线图

    带数据点的折线图

  • 配置折线数据点样式

    配置折线数据点样式

  • 带缩略轴的折线图

    带缩略轴的折线图

多折线图

  • 多折线图

    多折线图

  • 多折线动画

    多折线动画

  • The causes of CO2 emissions

    The causes of CO2 emissions

  • 指定折线颜色

    指定折线颜色

  • 通过回调函数指定折线颜色

    通过回调函数指定折线颜色

  • 指定折线样式

    指定折线样式

  • 指定 point marker 激活的样式

    指定 point marker 激活的样式

标注点

  • 带标注点的折线图

    带标注点的折线图

  • 多种类型标注点

    多种类型标注点

  • 带动画的标注点

    带动画的标注点

  • 自定义标注点

    自定义标注点

  • 使用 image 定义标注点

    使用 image 定义标注点

基础阶梯图

  • 基础阶梯图

    基础阶梯图

  • 带数据点的阶梯图

    带数据点的阶梯图

  • 带缩略轴的阶梯图

    带缩略轴的阶梯图

  • 阶梯图样式

    阶梯图样式

多阶梯折线图

  • 多阶梯折线图

    多阶梯折线图

  • 多折线尾部跟随label

    多折线尾部跟随label

基础面积图

  • 基础面积图

    基础面积图

  • 基础面积图 - 缩略轴

    基础面积图 - 缩略轴

堆叠面积图

  • 堆叠面积图

    堆叠面积图

  • 堆叠面积图 - 图形标签

    堆叠面积图 - 图形标签

  • 堆叠面积图 - 尾部跟随标签

    堆叠面积图 - 尾部跟随标签

  • The causes of CO2 emissions

    The causes of CO2 emissions

百分比堆叠面积图

  • 百分比堆叠面积图

    百分比堆叠面积图

基础柱状图

  • 基础柱状图

    基础柱状图

  • 基础柱状图-图形标签

    基础柱状图-图形标签

  • 基础柱状图-图形标签位置

    基础柱状图-图形标签位置

  • 基础柱状图-label颜色自动调整

    基础柱状图-label颜色自动调整

  • 基础柱状图-缩略轴

    基础柱状图-缩略轴

  • 基础柱状图-滚动条

    基础柱状图-滚动条

  • 基础柱状图-转化率组件

    基础柱状图-转化率组件

堆叠柱状图

  • 堆叠柱状图

    堆叠柱状图

  • 区域联通组件

    区域联通组件

  • 区域联通组件交互

    区域联通组件交互

  • 区域联通组件样式

    区域联通组件样式

  • 图形标签自动隐藏

    图形标签自动隐藏

百分比堆叠柱状图

  • 百分比堆叠柱状图

    百分比堆叠柱状图

分组柱状图

  • 分组柱状图

    分组柱状图

  • 分组柱状图 - 缩略轴

    分组柱状图 - 缩略轴

区间柱状图

  • 区间柱状图

    区间柱状图

  • 区间柱状图label样式

    区间柱状图label样式

直方图

  • 直方图

    直方图

  • 直方图

    直方图

瀑布图

  • 基础瀑布图

    基础瀑布图

基础条形图

  • 基础条形图

    基础条形图

  • 基础柱状图 - 图形标签位置

    基础柱状图 - 图形标签位置

  • 基础柱状图 - 图形标签颜色自适应

    基础柱状图 - 图形标签颜色自适应

  • 基础柱状图 - 滚动条

    基础柱状图 - 滚动条

  • 基础柱状图 - 转化率组件

    基础柱状图 - 转化率组件

堆叠条形图

  • 堆叠条形图

    堆叠条形图

  • 堆叠条形图-标签自动隐藏

    堆叠条形图-标签自动隐藏

百分比堆叠条形图

  • 百分比堆叠柱状图

    百分比堆叠柱状图

分组条形图

  • 分组条形图

    分组条形图

区间条形图

  • 区间柱条形图

    区间柱条形图

  • 区间条形图label样式

    区间条形图label样式

基础饼图

  • 饼图

    饼图

  • 饼图-外部图形标签

    饼图-外部图形标签

  • 饼图-外部圆形图形标签

    饼图-外部圆形图形标签

  • 饼图-图形标签蜘蛛布局

    饼图-图形标签蜘蛛布局

环图

  • 环图

    环图

  • 环图-指标卡

    环图-指标卡

  • 个性化环图

    个性化环图

玫瑰图

  • 基础玫瑰图

    基础玫瑰图

  • 堆叠玫瑰图

    堆叠玫瑰图

  • 分组玫瑰图

    分组玫瑰图

散点图

  • 基础散点图

    基础散点图

  • 散点图颜色映射

    散点图颜色映射

  • 散点图加趋势线

    散点图加趋势线

  • 散点图图形标签

    散点图图形标签

气泡图

  • 基础气泡图

    基础气泡图

  • 气泡图加四象限

    气泡图加四象限

  • 气泡图加趋势线

    气泡图加趋势线

  • 带播放轴的气泡图

    带播放轴的气泡图

基础雷达图

  • 基础雷达图

    基础雷达图

  • 多组雷达图

    多组雷达图

热力图

  • 热力图

    热力图

  • 热力图形状

    热力图形状

  • 热力图形状大小映射

    热力图形状大小映射

  • 热力图模式切换

    热力图模式切换

密度热力图

  • 密度热力图

    密度热力图

  • 密度热力图加背景

    密度热力图加背景

漏斗图

  • 漏斗图

    漏斗图

  • 漏斗图 - 动态高度

    漏斗图 - 动态高度

  • 对比漏斗图

    对比漏斗图

  • 漏斗图 - 水平布局

    漏斗图 - 水平布局

  • 漏斗图 - 动态高度 - 水平布局

    漏斗图 - 动态高度 - 水平布局

  • 对比漏斗图 - 水平布局

    对比漏斗图 - 水平布局

矩形树图

  • 基础矩形树图

    基础矩形树图

  • 嵌套树图label

    嵌套树图label

  • 数据钻取

    数据钻取

水波图

  • 水波图

    水波图

  • 水波图 - 百分比

    水波图 - 百分比

仪表盘

  • 基础仪表盘

    基础仪表盘

  • 个性化仪表盘样式

    个性化仪表盘样式

  • 刻度仪表盘

    刻度仪表盘

  • 扇形仪表盘

    扇形仪表盘

子弹图

  • 基础子弹图

    基础子弹图

  • 基础子弹图-带多颜色范围区间

    基础子弹图-带多颜色范围区间

  • 基础子弹图-超出目标

    基础子弹图-超出目标

  • 基础子弹图-多目标值

    基础子弹图-多目标值

  • 堆叠子弹图

    堆叠子弹图

  • 分组子弹图

    分组子弹图

  • 分组子弹图-带颜色范围区间

    分组子弹图-带颜色范围区间

日历图

  • 基础日历图

    基础日历图

迷你图

  • 迷你柱 x 迷你折线 x 环形进度条

    迷你柱 x 迷你折线 x 环形进度条

  • 迷你面积图 x 进度条

    迷你面积图 x 进度条

词云图

  • 词云图

    词云图

双折线混合图表

  • 双折线混合图表

    双折线混合图表

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

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

  • 双折线图 - 统一双折线度量

    双折线图 - 统一双折线度量

柱线混合图表

  • 柱线混合图表

    柱线混合图表

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

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

  • 柱线混合图表 - 关闭双Y轴颜色映射

    柱线混合图表 - 关闭双Y轴颜色映射

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

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

堆叠柱+折线混合图表

  • 堆叠柱+折线混合图表

    堆叠柱+折线混合图表

  • 堆叠柱+折线混合图表 - 多折线

    堆叠柱+折线混合图表 - 多折线

分组柱+折线混合图表

  • 分组柱+折线混合图表

    分组柱+折线混合图表

  • 分组柱+折线混合图表 - 多折线

    分组柱+折线混合图表 - 多折线

标题与描述

  • 图表标题及描述

    图表标题及描述

  • 图表标题及描述样式

    图表标题及描述样式

暗黑主题

  • 设置暗黑主题

    设置暗黑主题

坐标轴

  • 配置坐标轴tick数量

    配置坐标轴tick数量

  • 配置坐标轴最大值最小值

    配置坐标轴最大值最小值

  • 配置坐标轴标题

    配置坐标轴标题

  • 配置坐标轴样式

    配置坐标轴样式

图例

  • 图例位置

    图例位置

  • 图例翻页

    图例翻页

图形标签

  • 图形标签文本格式化

    图形标签文本格式化

  • 图形标签文本样式

    图形标签文本样式

  • 图形标签文本偏移量

    图形标签文本偏移量

设置图表内边距

  • 手动设置图表出血

    手动设置图表出血

设置图表状态量

  • 图表active状态

    图表active状态

  • 图表active状态

    图表active状态

  • 图表disable状态

    图表disable状态

  • 图表disable状态

    图表disable状态

  • 图表selected状态

    图表selected状态

  • 图表selected状态

    图表selected状态

辅助线

  • guideline-style.js

    guideline-style.js

  • 统计值辅助线

    统计值辅助线

  • 自定义辅助线

    自定义辅助线

提示信息

  • tooltip内展示图表

    tooltip内展示图表

  • tooltip显示统计数值+动态排序

    tooltip显示统计数值+动态排序

  • 外部表格型tooltip

    外部表格型tooltip

图表联动

  • 图表联动

    图表联动

响应式图表

  • 响应式图表-坐标轴

    响应式图表-坐标轴

  • 响应式图表-图形标签

    响应式图表-图形标签

G2可视化引擎

产品首页
图表示例
使用文档
更新日志
GitHub 仓库
🇨🇳国内镜像

G6图可视化引擎

产品首页
图表示例
使用文档
API 文档
更新日志
GitHub 仓库
🇨🇳国内镜像

F2移动可视化方案

产品首页
图表示例
使用文档
API 文档
更新日志
GitHub 仓库
🇨🇳国内镜像

L7地理空间数据可视化

产品首页
图表示例
使用文档
API 文档
更新日志
GitHub 仓库
🇨🇳国内镜像

G2Plot开箱即用的图表库

产品首页
图表示例
使用文档
更新日志
GitHub 仓库
🇨🇳国内镜像

Graphin

产品首页
使用文档
API 文档
更新日志
GitHub 仓库
🇨🇳国内镜像

ChartCube图表魔方

产品首页
生成图表
语雀社区
钉钉服务群

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
yunfengdie云凤蝶-中台建站平台
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
关于我们返回旧版
© 2020 Made with ❤ by XTech