:dango: An interactive and responsive charting library

Last update: Dec 30, 2022

Overview

G2Plot

A charting library based on the Grammar of Graphics.

G2Plot is an interactive and responsive charting library. Based on the grammar of graphics, you can easily make superior statistical charts through a few lines of code.

Features

Pretty & Lightweight

With AntV design principles of data visualization, G2Plot provides standard and elegant visual styles as well as neat config options.

Responsive

G2Plot guarantees the readability of the charts in different sizes and data.

Storytelling

With the feature of layers, charts can be grouped, nested or linked to do exploratory analysis and expressive storytelling.

Installation

$ npm install @antv/g2plot

Usage

<div id="container"></div>

import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
];

const bar = new Bar('container', {
  data,
  xField: 'sales',
  yField: 'year',
  seriesField: 'year',
});

bar.render();

Contributing

Your contributions are always welcome! Please Do have a look at the issues first.

To become a contributor, please follow our contributing guide.

Contact us

钉钉群组号码: 30233731

Links

ChartCube - Online chart making tool based on G2Plot.

License

MIT

Comments

feat: point auto label for better experience
Label offset 相关的调整

[X] 移除具体 Label 实现的写死的 offset 值，使用 theme 的 label 的 offset 值

[X] 区分 offset、offsetX、offsetY，三种 offset 均可以设置，offset 的具体方向是和图形 coord 相关

DI 使用的 Label 布局优化下沉：

[X] 适用于 Line/Area 的 Label 实现：类型定义为 point-type，默认还是 point

[x] Column/Bar ...

enhancement PR: merged
opened by lessmost 44
statistic use html-annotation
[x] 饼图中心文本使用 html-annotation

[x] statistic.style 使用 css 样式，但是也对 shapeStyle 做了兼容（支持shadow、stroke）

[x] html container的宽度默认使用内半径的宽度，并且直接设置在g2-html-annotation 容器上

[x] demo 增强，提供一个 demo 来展示如何进行中心文本自适应，后续再考虑内置

[x] 测试用例

[ ] 文档说明！！~~不说明，都不知道怎么设置样式！~~

PR: merged
opened by visiky 21
使用npm安装图表不显示

使用npm install @antv/g2plot,然后在项目引入相应的图表 import { Line } from '@antv/g2plot';

id为canvas的元素已经在index.html中存在 const linePlot = new Line('canvas', { data: '按照官网准备的一组数据', xField: 'year', yField: 'value' }); linePlot.render();

结果，框架确实画出了一个canvas元素，有宽高，但是没有图表显示出来，页面一片空白。重现方法：可以用vue或者react的cli随意生成一个简单项目，然后在入口文件中写入上面代码，确保传入的id元素已经存在。
Bug

opened by xvivx 21
feat: 散点图 & 气泡图功能优化
checklist:

[x] 四象限组件 (12.11)

完成稿：

[x] trend line(12.12) linear quadratic cubic power logarithmic

完成稿：

[ ] ~解决坐标轴出血问题 (12.13)~

[x] axis和grid的默认配置不对(12.13)

enhancement PR: merged
opened by paleface001 18
event & theme 走查
[x] title & description 事件

[x] label事件

[x] 补齐事件类型

[x] column & bar width ratio

[x] rose ratio

[x] 标题 & 描述支持 left | middle | right 三种布局

[x] 各种bug修复 #663

PR: merged
opened by paleface001 16
[回归] 10-08 图表走查测试结果
09-30 图表包括 P0，P1，具体见：https://www.yuque.com/antv/g2plot/ffgrfy 。测试结果分成为：功能， bugfix，文档，demo

图表负责人，自己在图表后面 at 自己。

网站 demo

[x] 编辑器代码提示

[ ] 每个 demo 缺失描述信息（之前是使用图表的 title + desc 做的） @BBSQQ 新网站考虑

[x] demo 截图更新 @lxfu1 （930 前手动更新，长期截图工具自动覆盖，404 页面检测一起搞）（nit）

[x] 教程文档 @lxfu1 （整理大纲，分工）

[x] 配置文档 @lxfu1

[x] 标注 demo @Me-Momo

[ ] 事件 demo @hustcc

[x] 状态量 demo @Me-Momo

[ ] 类型定义自动抽取文档（交互式文档出来之前，可以生成为 markdown，出来后直接生成网站）@hustcc （nit）

组件

[x] legend 支持通过 items 自定义图例

[x] slider 初始值 start end，初始样式不对

[ ] annotation image 标记在更新的时候闪烁明显 @Me-Momo (G2 解决，允许 annotation 不重新渲染)

通用重构点

[x] statistic 中心文本的结构统一（饼图、水波图、进度环图） @Me-Momo @hustcc https://github.com/antvis/G2Plot/pull/1587

[x] color 为 string 的时候，colorField 丢失了 https://github.com/antvis/G2Plot/pull/1573

P0

折线图

@hustcc

[x] 辅助线、预警线 https://github.com/antvis/G2/issues/2805

[x] 条件样式 (nit)

[x] slider demo

[x] scrollbar demo || 滚动轴 (nit)

面积图

@hustcc

[x] 辅助线、预警线

[x] slider demo

[x] scrollbar (nit)

[x] 渐变色填充 demo

[x] 线样式设置（目前没有 line geometry）(nit)

[x] 数据标签（原 v1 中的面积图数据标签）(nit)

[x] range 不正确

[ ] slider + 堆积面积不生效

柱形图

@zqlu

[x] label 只保留一个 demo，然后在代码注释注明可选值

[x] label demo 没有体现出数据标签的布局优化算法

[x] 没有图例设置

[x] 转化率组件（nit）

[x] 百分比堆积 @lxfu1

[x] range 类型的柱形图 @lxfu1

[x] label 颜色

[x] label position 不生效（堆积柱形图）

条形图

@BBSQQ

[x] label 只保留一个 demo，然后在代码注释注明可选值

[x] label demo 没有体现出数据标签的布局优化算法

[x] 没有图例设置

[x] 转化率组件

[x] 标签问题 @zqlu

饼图

@Me-Momo

[x] demo 中 innerRadius 对比不明显（有两个环图的 innerRadius 配置太相近，看不出有区别）

[x] label超出图形

[ ] label 溢出 plot range，没有省略展示

[ ] 提供一个大数据量的数据标签样式

散点图

@lxfu1

[x] 四象限 demo 缺失

[ ] 回归线（nit）

[x] demo 不是很好看，可直接参考（ https://g2plot.antv.vision/zh/examples/bubble/basic#basic ）

[x] 连续图例暂时干掉吧，不好看

双轴图

@liuzhenying

[x] 图例点击，样式不变化

[x] 线被柱挡住

[x] 双折线、柱 + 线，增加 geometry 的自定义图例

[x] 混合图如果两侧 scale 一致，可以只显示一个 yaxis，看看如果在 demo 中体现能力

[x] label 过长时图表无法自适应：等待 g2 updateOptions 修复后，再验证 fix 效果（syncViewPadding）

[ ] scrollbar（nit）

[x] 左右图形和配置反了

[x] 图例过滤不正确，做 column 右 line 的时候

[x] line column 的时候， x 是 time scale，range 不正确

[x] range 计算不正确（分组的时候可能导致遮挡 y 轴线）

[x] 图形 legend 切换之后，图形位置挂了

[hold] time 坐标轴产生空数据，这个是 g2 的适配 nice 的pretty 算法，暂时无法更改

[X] 混合图更新 legend 出错

P1

雷达图

@Me-Momo

[x] crosshair ‘xy’ 作为默认吧，感觉挺好看的（nit ）

[ ] 提供 demo，通过数据处理+formatter 实现不同轴自己的 max

词云图

@zhangzhonghe @lxfu1

[x] demo 缺失

[x] 单测不全

漏斗图

@liuzhenying

[x] demo 中的 padding 都使用 auto（或者不写）

[x] transpose 之后的动画有点奇怪

[ ] 对比漏斗的 title 文本样式奇怪

[ ] 支持 shape https://github.com/antvis/G2Plot/issues/1624

[ ] 测试用例

[x] demo legend、tooltip

子弹图

@arcsin1

[x] 内置默认图例，而不是通过 legend 配置自定义图例

[x] 一些样式问题, 配置内容

直方图

@arcsin1

[x] tooltip 显示问题

配置内容

水波图

@hustcc @CarisL

[x] 缺失 demo

[x] 自动文本颜色、大小。

[x] geometry.custom 传入自定义参数问题 https://github.com/antvis/G2/pull/2831

玫瑰图

@zhangzhonghe

[x] 缺失 demo

[ ] demo 不是很好看，可以看看一些玫瑰图作品和配色

[ ] 增加新冠病毒的 demo

[x] label 建议加上 layout: { type: 'limit-in-shape' }

mini 图

@hustcc @connono

[x] 辅助线能力 + demo

[x] 进度条/环的百分比标识 + tooltip

[x] Progress color 配置失效

[x] 如何进行 tooltip 文本的格式化，并内置格式化

股票图

@jinhuiWong

[ ] demo 中 tooltip 有时候有，有时候没有

[ ] tooltip 样式不好看

旭日图

@lxfu1

[ ] tooltip 默认样式太丑了。

场景化 DEMO

@Me-Momo 负责分配和验收

[ ] 高亮联动 @hustcc

[ ] 绝对值、比例值指标双轴图 @liuzhenying

业务场景如：左边为金额型或数值型指标，右边为百分比指标（支付笔数 & 渗透率）

[x] 指标卡图例 @Me-Momo

[x] 多指标趋势图 @Me-Momo

[ ] 自定义 tooltip 按钮 @lxfu1

tooltip 上带按钮，可以 hover 进去操作 tooltip 超多明细数据，最大高度限制，可以 hover 进去滚动展示

[ ] 自定义交互（图例 hover） @Me-Momo

[ ] label 上链接 @hustcc

[ ] 拖拽柱形图，影响数据 @zqlu

[ ] 补充 theme 配置化 demo @Me-Momo
opened by hustcc 15
G2Plot v2 正在激情开发中，欢迎前来指导...
分支地址： https://github.com/antvis/G2Plot 文档地址：https://www.yuque.com/antv/g2plot

目标

v2 版本主要的目的在于：

简化代码逻辑，让用户实现更简单，贡献更简单，维护更简单

确定完全基于 G2 4.0 开发，让体验优化的成果沉到底层，惠及更多用户

怎么贡献？

目前所有开发、排期、分工文档均在语雀中。你可以：

看分工表格，挑选一个你感兴趣的图形（也可以回复添加一个新的可视化图形，只要是通用即可）

加群获得 1v1 帮助，帮你了解如果开发这样的图形，难点，重点在哪里

开发和 Code Review

文档、demo、网站

官网图表开发者署名

更具体的新人贡献手册，点这里。

常见问题

为什么 v1 一年就出 v2？

架构演进不看时间，不看 kpi，只看是否必要。大版本迭代不是问题，问题是一直不出版本；或者出的版本无法解决现有问题。

我贡献能收获什么？

1 对 1 G2 可视化入门指导，基本入门可视化底层，以后业务中可视化自帮自助；

从开发到上线，开源流程一整套；

官网图表开发者署名，装比!

BI 数据领域经验免费交流。

开发一个新可视化图表需要多久？

我们期望的新架构就是非常简单的包装 G2，不提高开发者门槛。所以大概时间：

配置确定 2d

开发图表 2d

CR 1d

文档、demo、网站 3d

平均总计 8d 左右，不要求完全全职投入，中途退出也没关系，我们接锅即可。

为什么要拉社区同学来干活？

互利共赢

了解开发者怎么用 AntV 的

有任何意向欢迎在 issue 留言，或者语雀文档留言。 或者 issue 回复，我拉你进 核心开发群。或者加入用户群：

v2
opened by hustcc 15
Word cloud Support
1、The function list

word rotation

word min/max font size relative to word weight

image mask support (url/base64)

shape support (pentagon,square,cardioid,diamond,triangle,star,....and so on)

word emphasis effect the same as g2 old word-cloud

hover tooltips which design by ant-design

....The more looking forward to discovering

2、Add unit test

3、Add demo page and api doc

PR: merged
opened by brucetoo 15

打包上线报错

在react中使用，测试环境正常，打包到正式环境就报错

import React, { useRef, useEffect } from 'react';
import { Column } from '@antv/g2plot';

const Chart = () => {
  const data = [
    { organize: '区域1', value: 5 },
    { organize: '区域2', value: 66 },
    { organize: '区域3', value: 36 },
    { organize: '区域4', value: 27 },
    { organize: '区域5', value: 11 },
  ];

  const chart = useRef(null);

  useEffect(() => {
    if (!chart.current) {
      return;
    }

    const columnPlot = new Column(chart.current, {
      title: {
        visible: true,
        text: 'xx',
      },
      forceFit: true,
      padding: 'auto',
      data,
      xField: 'organize',
      yField: 'value',
      columnSize: 30,
      meta: {
        organize: {
          alias: '行政区域',
        },
        value: {
          alias: '处',
        },
      },
    });

    columnPlot.render();
  }, []);
  return <div ref={chart} />;
};

export default Chart;

opened by ldd27 15

🐛 [BUG] 对称条形图在渲染时传入空数组，表格线条显示不正确

import { BidirectionalBar } from '@antv/g2plot'; export const data = [ ]; export const data2 = [ { country: '乌拉圭', '2016年耕地总面积': 13.4, '2016年转基因种植面积': 12.3 }, { country: '巴拉圭', '2016年耕地总面积': 14.4, '2016年转基因种植面积': 6.3 }, { country: '南非', '2016年耕地总面积': 18.4, '2016年转基因种植面积': 8.3 }, { country: '巴基斯坦', '2016年耕地总面积': 34.4, '2016年转基因种植面积': 13.8 }, { country: '阿根廷', '2016年耕地总面积': 44.4, '2016年转基因种植面积': 19.5 }, { country: '巴西', '2016年耕地总面积': 24.4, '2016年转基因种植面积': 18.8 }, { country: '加拿大', '2016年耕地总面积': 54.4, '2016年转基因种植面积': 24.7 }, { country: '中国', '2016年耕地总面积': 104.4, '2016年转基因种植面积': 5.3 }, { country: '美国', '2016年耕地总面积': 165.2, '2016年转基因种植面积': 72.9 },] const BidirectionalBarPlot = new BidirectionalBar('container', { data, xField: 'country', xAxis: { position: 'bottom', grid: { line: { style: { stroke: "rgba(0,0,0,0.7", lineWidth: 19, cursor: "pointer", }, }, }, }, interactions: [{ type: 'active-region' }], yField: ['2016年耕地总面积', '2016年转基因种植面积'], tooltip: { shared: true, showMarkers: false, }, });

BidirectionalBarPlot.render();

BidirectionalBarPlot.changeData(data2)
Bug

opened by ZanZiFeng-ZZF 0
perf(word-cloud): add willReadFrequently option when canvas getContext
使用词云图时，若更新数据或者更改图表的尺寸会触发浏览器警告:

Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: <URL>

在 canvas.getContext 时，增加这个配置可以避免这个警告，优化部分性能。
PR: reviewed-approved
opened by ArcherGu 0
🐛 [BUG]面积图 / 图形样式/ areaStyle / lineDash配置不生效

面积图 / 图形样式/ areaStyle / lineDash配置不生效

demo地址

代码

import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom'; import { Area } from '@ant-design/plots';

const DemoArea = () => { const [data, setData] = useState([]);

useEffect(() => { asyncFetch(); }, []);

const asyncFetch = () => { fetch('https://gw.alipayobjects.com/os/bmw-prod/1d565782-dde4-4bb6-8946-ea6a38ccf184.json') .then((response) => response.json()) .then((json) => setData(json)) .catch((error) => { console.log('fetch data failed', error); }); }; const config = { data, xField: 'Date', yField: 'scales', xAxis: { range: [0, 1], tickCount: 5, }, areaStyle: () => { return { fill: 'l(270) 0:#ffffff 0.5:#7ec2f3 1:#1890ff', lineDash: [10, 1] }; }, };

return <Area {...config} />; };

ReactDOM.render(, document.getElementById('container'));
Bug

opened by shuaishuai222 3
g2plot 柱状图的缩略轴-趋势线有时显示有时隐藏
堆叠分组模式 & 数据中 colorField 字段是字符串的时候是显示的

只在堆叠 & 数据中 colorField 字段是字符串的时候是隐藏的

数据中 colorField 字段是数值型的时候是隐藏的

复现：https://codesandbox.io/s/lucid-mayer-j27wiy?file=/index.ts

数据：[ { x: "办公用品", trace: "男", y: 8, colorField: "橡皮擦" }, { x: "办公用品", trace: "男", y: 10, colorField: "书架" }, { x: "办公用品", trace: "男", y: 20, colorField: "砚台" }, { x: "办公用品", trace: "女", y: 13, colorField: "砚台" }, { x: "办公用品", trace: "女", y: 21, colorField: "橡皮擦" }, { x: "办公用品", trace: "女", y: 21, colorField: "书架" }, { x: "家电家具", trace: "男", y: 13, colorField: "洗衣机" }, { x: "家电家具", trace: "女", y: 2, colorField: "洗衣机" }, { x: "家电家具", trace: "男", y: 5, colorField: "微波炉" }, { x: "家电家具", trace: "男", y: 14, colorField: "电磁炉" }, { x: "家电家具", trace: "女", y: 23, colorField: "微波炉" }, { x: "家电家具", trace: "女", y: 23, colorField: "电磁炉" }, { x: "电子产品", trace: "男", y: 33, colorField: "电脑" }, { x: "电子产品", trace: "女", y: 4, colorField: "电脑" }, { x: "电子产品", trace: "女", y: 23, colorField: "switch" }, { x: "电子产品", trace: "男", y: 20.9, colorField: "switch" }, { x: "电子产品", trace: "男", y: 5.9, colorField: "鼠标" }, { x: "电子产品", trace: "女", y: 5.9, colorField: "鼠标" } ]

G2Plot Version: 2.4.20

Platform: g2plot

Bug
opened by rabbit-tian 1
🤔 [QUESTION] 雷达图线条被覆盖。应该如何设置？
🐛 Question description [Please make everyone to understand it]

线条被盖住了

💻 Link to minimal reproduction

https://codesandbox.io/s/icy-shadow-dzk237?file=/index.ts Please provide a link by forking these links g2plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

G2Plot Version:

Platform:

Question
opened by TopAlien 2

Releases(2.4.23)

2.4.23(Dec 7, 2022)
What's Changed

🎉 New Features

feat(Liquid): Add shapeStyle config by @dengfuping in https://github.com/antvis/G2Plot/pull/3411

New Contributors

@dengfuping made their first contribution in https://github.com/antvis/G2Plot/pull/3411

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.22...2.4.23
Source code(tar.gz)
Source code(zip)
2.4.22(Nov 7, 2022)
What's Changed

🎉 New Features

feat(bar): 添加动态条形图 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3162

feat(md): 更新钉钉群二维码和信息 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3293

feat(custom Shape): 添加 Shape 文档以及添加三个自定义 Shape demo by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3246

📖 Documentation Changes

docs(changelog): 更正链接异常 by @kajweb in https://github.com/antvis/G2Plot/pull/3362

docs(CONTRIBUTING.zh-CN): 修复链接显示异常 by @kajweb in https://github.com/antvis/G2Plot/pull/3363

docs: fix typo by @shiwanmenghuxiahuashan in https://github.com/antvis/G2Plot/pull/3389

🐛 Bug Fixes

fix(test): g2plot label 延迟渲染注释和增加延迟时间到 test by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3264

fix(progress): 迷你进度条重新修改 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3268

fix(Chord): 修复弦图label 样式不能修改的问题 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3270

fix(heatmap): 添加 meta 中的最大最小值参数可以控制最小显示参数 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3272

fix(gauge): 仪表盘 percent 0 时，数据被过滤重新添加回来 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3265

fix(heatmap): 修复色力图 coordinate部分配置不起效和配置了 refect coordinate 失效的问题 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3294

fix(base): rawFields 添加回调，对 geometry color shape 进行了区分 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3288

fix(histogram): 直方图 histogram 修复不能关闭 legend 的问题 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3284

fix(funnel): 当 next 为 0 时，应该显示 0% 而不是 -∞ by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3313

fix(box): 箱型图添加 annotation 配置 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3317

fix(animation): 动画添加回调，可以给不同的形状添加动画 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3275

fix: 锁 remark-mdx 版本修复启动报错 by @pepper-nice in https://github.com/antvis/G2Plot/pull/3346

fix(stock): avoid mutating stock data item by @floydspace in https://github.com/antvis/G2Plot/pull/3349

fix(column): custom customItems invalid issue (#3367) by @zhangzhonghe in https://github.com/antvis/G2Plot/pull/3375

fix(funnel): 漏斗图转化率文本位置获取修改 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3354

fix(type): fix appendPadding description typo by @lijinke666 in https://github.com/antvis/G2Plot/pull/3373

Other Changes

📃 docs(fix title text field): by @lqzhgood in https://github.com/antvis/G2Plot/pull/3307

New Contributors

@pepper-nice made their first contribution in https://github.com/antvis/G2Plot/pull/3346

@floydspace made their first contribution in https://github.com/antvis/G2Plot/pull/3349

@kajweb made their first contribution in https://github.com/antvis/G2Plot/pull/3362

@shiwanmenghuxiahuashan made their first contribution in https://github.com/antvis/G2Plot/pull/3389

@lijinke666 made their first contribution in https://github.com/antvis/G2Plot/pull/3373

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.20...2.4.22
Source code(tar.gz)
Source code(zip)
2.4.20(Jun 22, 2022)
What's Changed

📖 Documentation Changes

docs(demo): add a new demo about how to handle element multiple selected by @visiky in https://github.com/antvis/G2Plot/pull/3253

🎉 New Features

feat(brush): support brush.isStartEnable to customize whether support brush interaction start. by @visiky in https://github.com/antvis/G2Plot/pull/3258

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.19...2.4.20
Source code(tar.gz)
Source code(zip)
2.4.19(Jun 14, 2022)
What's Changed

📖 Documentation Changes

docs(sankey): add demo for sankey by @visiky in https://github.com/antvis/G2Plot/pull/3227

🐛 Bug Fixes

fix(pie): 修复饼图 title statistic 没有使用 meta formatter by @visiky in https://github.com/antvis/G2Plot/pull/3235

fix(bullet): 子弹图添加单数值range/measures 、多 target 数据修改兼容 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3231

fix(bullet): 修改子弹图单测 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3241

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.17...2.4.19
Source code(tar.gz)
Source code(zip)
2.4.17(May 25, 2022)
What's Changed

🎉 New Features

feat(sankey): support null to represent loss. by @visiky in https://github.com/antvis/G2Plot/pull/3222

📖 Documentation Changes

docs(line-style.zh.md): line坐标轴线条样式示例说明 by @cooper1x in https://github.com/antvis/G2Plot/pull/3207

docs(bidirectional-bar): 新增双 y 轴中 yAxis 配置示例 by @cooper1x in https://github.com/antvis/G2Plot/pull/3195

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.16...2.4.17
Source code(tar.gz)
Source code(zip)
2.4.16(Apr 22, 2022)
What's Changed

🎉 New Features

feat: support useDeferredLabel to improve performance by @visiky in https://github.com/antvis/G2Plot/pull/3190. (更多关于 label 渲染优化，详见: @antv/[email protected])

📖 Documentation Changes

docs(mix): 增加 mix demo 和文档说明 by @visiky in https://github.com/antvis/G2Plot/pull/3176

🐛 Bug Fixes

fix: 勘误-百分比条形图 by @cooper1x in https://github.com/antvis/G2Plot/pull/3183

New Contributors

@cooper1x made their first contribution in https://github.com/antvis/G2Plot/pull/3183

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.15...2.4.16
Source code(tar.gz)
Source code(zip)
2.4.15(Apr 2, 2022)
What's Changed

🎉 New Features

feat(coordinate): Column, Bar, Area 支持 coordinate 坐标转换配置 by @visiky in https://github.com/antvis/G2Plot/pull/3172

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.14...2.4.15
Source code(tar.gz)
Source code(zip)
2.4.14(Mar 31, 2022)
What's Changed

🎉 New Features

feat(mix): mix 复合图表支持统一在顶层配置，增加 top、slider、annotations 等属性配置 by @visiky in https://github.com/antvis/G2Plot/pull/3168

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.13...2.4.14
Source code(tar.gz)
Source code(zip)
2.4.13(Mar 29, 2022)
What's Changed

🎉 New Features

feat(mix): mix 图表支持 stock by @visiky in https://github.com/antvis/G2Plot/pull/3163

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.12...2.4.13
Source code(tar.gz)
Source code(zip)
2.4.12(Mar 23, 2022)
What's Changed

🎉 New Features

feat(bidirectional-bar): 对称条形图支持主题配置 by @visiky in https://github.com/antvis/G2Plot/pull/3155

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.11...2.4.12
Source code(tar.gz)
Source code(zip)
2.4.11(Mar 22, 2022)
What's Changed

🎉 New Features

feat(gauge): 仪表盘增加 tooltip 配置 by @visiky in https://github.com/antvis/G2Plot/pull/3149

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.10...2.4.11
Source code(tar.gz)
Source code(zip)
2.4.10(Mar 10, 2022)
What's Changed

🎉 New Features

feat(funnel): 漏斗图增加关闭分面 title 的展示 by @visiky in https://github.com/antvis/G2Plot/pull/3143

📖 Documentation Changes

docs: 周边工具增加性能检测工具 by @visiky in https://github.com/antvis/G2Plot/pull/3142

docs(multi-view): 增加异常检测折线图demo by @pddpd in https://github.com/antvis/G2Plot/pull/3145

New Contributors

@pddpd made their first contribution in https://github.com/antvis/G2Plot/pull/3145

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.8...2.4.10
Source code(tar.gz)
Source code(zip)
2.4.9(Mar 3, 2022)
What's Changed

🎉 New Features

feat: 基于 JSDoc 标准调整 types 类型定义 by @lxfu1 in https://github.com/antvis/G2Plot/pull/3125

feat: 基于 jsDoc 规范完善 plots 组件注释 by @lxfu1 in https://github.com/antvis/G2Plot/pull/3126

📖 Documentation Changes

docs(histogram): 更新直方图指引文档 by @visiky in https://github.com/antvis/G2Plot/pull/3133

docs(demo): 转化分析图 + 水波图 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3131

🐛 Bug Fixes

fix(annotations): 修复addAnnotations在双轴图等具有分view图表失效的问题 by @connono in https://github.com/antvis/G2Plot/pull/3119

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.8...2.4.9
Source code(tar.gz)
Source code(zip)
2.4.8(Feb 7, 2022)
What's Changed

🎉 New Features

feat(sankey): 分别对 node 和 edge 添加交互属性配置 by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3081

📖 Documentation Changes

docs(gauge): 增加仪表盘自定义 demo by @visiky in https://github.com/antvis/G2Plot/pull/3092

🐛 Bug Fixes

fix(column): 修复百分比柱状图总和为零时的 bug by @ai-qing-hai in https://github.com/antvis/G2Plot/pull/3089

fix(dual-axes): 修复双轴图bottom统一的问题 #2930 by @connono in https://github.com/antvis/G2Plot/pull/3096

Other Changes

docs(scenario-demos): 体系化建设 BI 业务图表 by @visiky in https://github.com/antvis/G2Plot/pull/3039

ci: fix footer click by @xrkffgg in https://github.com/antvis/G2Plot/pull/3090

Full Changelog: https://github.com/antvis/G2Plot/compare/2.4.7...2.4.8
Source code(tar.gz)
Source code(zip)
2.4.7(Jan 14, 2022)
New Features

line: 折线图支持 scrollbar (#3076) (aa01ce37)

legend: 图例增加 radio 按钮实现正选 focus 功能 (#3074) (27838663)

Bug Fixes

liquid: 水波图允许关闭动画效果 (#3075) (54900577)

Source code(tar.gz)
Source code(zip)
2.4.6(Jan 6, 2022)
Documentation Changes

增加 axis title api 说明 (#3065) (f0a8cc33)

New Features

scatter: 散点图气泡图添加 slider 缩略轴 scrollbar 滚动条配置 (#3064) (c867afb0)

Source code(tar.gz)
Source code(zip)
2.4.5(Dec 28, 2021)
New Features

area: 面积图支持 line 独立设置 state，避免填充颜色出现问题 (#3053) (54342e6f)

Source code(tar.gz)
Source code(zip)
2.4.0(Dec 10, 2021)
New Features

sunburst: 旭日图支持图例配置 & 单测 (#3011) (5d650336)

sankey: nodelink data supported (#2967) (bb9e01cd)

Documentation Changes

补充 legend 文档 & 自定义转化漏斗图 demo (#2998) (86a8ec0f)

周常丰富文档和 demo (#2976) (aad83bc2)

更新官网公告 (b5fcf129)

legend: 增加图例自定义 marker 的 demo (#2961) (ceb52ab8)

correct doc about rotate (#2959) (d3c5e856)

bar: 条形图增加 bar 配置文档说明和 demo (#2974) (98d984f2)

typo: fix description of package (#2989) (5829e794)

Bug Fixes

venn: fix venn color option type compatibility (#3015) (4364df56)

bar: 修复条形图图例转置 & 单测 (#3013) (be7caa9a)

docs: fix document typo (#2971) (5449ce0c)

Refactors

bar: 条形图重构，不需要反转数据调整下坐标系即可. Breaking-changes maybe existed. (#2914) (b1d8f47b)

Source code(tar.gz)
Source code(zip)
2.3.40(Nov 15, 2021)
Documentation Changes

增加图例自定义 marker 的 demo (#2961) (ceb52ab8)

correct doc about rotate (#2959) (d3c5e856)

New Features

sankey: nodelink data supported (#2967) (bb9e01cd)

Bug Fixes

修复文档错误导致网站部署问题 (ce2a4ea9)

Source code(tar.gz)
Source code(zip)
2.3.39(Oct 25, 2021)
Documentation Changes

FAQ: 添加如何导出图片的说明文档 (#2936) (ab8cbe62)

New Features

line: 折线图支持区域填充 (#2939) (45cd61d8)

customInfo: 折线图、面积图支持 customInfo 配置 (#2937) (71b23a4d)

Source code(tar.gz)
Source code(zip)
2.3.38(Oct 21, 2021)
Documentation Changes

添加 supportCSSTransform 参数的使用文档 (#2922) (d5ce6666)

New Features

column: 柱状图支持 shape 配置 (#2934) (5a22da67)

heatmap: 热力图支持 sizeLegend (#2924) (3c1fe830)

line: 折线图支持坐标系镜像反转 (#2925) (4d4b22b6)

Bug Fixes

pie: 修复饼图中心文本交互问题 (#2923) (c65f6ab6)

修复个性化标签饼图 demo 预览图不显示的问题 (#2932) (bf846715)

bidirection-bar: 修复对称条形图 label 位置设置和默认配置 (#2921) (7f0ecba7)

area: 修复面积图中折线没有传入 seriesField (#2926) (f0967409)

Source code(tar.gz)
Source code(zip)
2.3.37(Oct 18, 2021)
Documentation Changes

heatmap: 通过 iframe 嵌入语雀图表指引文档 (6a00f9b8)

New Features

venn:

韦恩图交互增强（修复图例激活元素交互 & 增强 active、highlight、selected 交互） (#2911) (ed5b71e2)

韦恩图颜色回调重构 (#2909) (c3694961)

sunburst:

丰富旭日图交互, 点击中心可以上卷 (#2903) (a8758fac)

旭日图增加 activeDepth 配置,允许配置默认展示的层级深度 (#2902) (b3920c9d)

Bug Fixes

box: 修复箱形图异常点 view 的 label 只能展示一个 (#2913) (994c75d3)

funnel: 漏斗图 do not mutable data (#2900) (d92443e1)

Source code(tar.gz)
Source code(zip)
2.3.36(Oct 8, 2021)
Documentation Changes

funnel: 漏斗图转化率信息组件文档 api 补全 (#2894) (3a708220)

label: 补充 label position 配置的文档说明 (#2896) (379df35f)

New Features

gauge: 仪表盘支持自定义指示器 indicator (#2892) (e36296b1)

line: 修复折线图 marker 交互, 以及丰富折线图自定义 marker demo (#2895) (078a358a)

Bug Fixes

sankey: 桑基图节点顺序需要保证原序 (#2897) (5ad43b72)

funnel: 修复漏斗图数据为 0 时，出现 conversionTag 样式问题 (#2893) (6a0512b7)

修复开启 animation 引发 state 样式延迟渲染，导致单测错误 (#2891) (0e8de058)

Refactors

gauge: 米轨仪表盘绘制方案改造 & 单测 (#2890) (cc8fa33d)

Source code(tar.gz)
Source code(zip)
2.3.35(Sep 26, 2021)
New Features

venn(interaction): 添加韦恩图 selected 和 active 的交互 (#2871) (bf4b248f)

Bug Fixes

venn(label): 处理韦恩图 label 遮挡问题 (#2861) (bec4bb14)

venn(data): 处理非法数据 (#2857) (e8cca008)

venn(padding): 兼容非法 padding (#2855) (94adfa44)

compare funnel: 添加了对比漏斗图案例 (#2859) (5678aa44)

Documentation Changes

label: 增加一个数据标签的 demo (#2875) (626a50cd)

progress: 完善了进度条 progressStyle 的回调方法描述文档 (#2863) (240bb18e)

增加一个漏斗图分析 demo (#2848) (4b3143e6)

增加一个饼图 demo（个性化标签饼图） (#2853) (7fb1542b)

changelog: 删除重复的 changelog (#2843) (f9433c01)

Chores

github actions: change macos to ubuntu (#2869) (45c8a5f8)

Source code(tar.gz)
Source code(zip)
2.3.33(Sep 9, 2021)
Documentation Changes

set default lang=zh in readme (#2839) (6c2fea3b)

annotations: annotations 相关文档完善 (#2823) (0df46052)

pattern: 添加自定义 pattern 的 demo (a0a42420)

New Features

venn: 初始化韦恩图 (#2831) (e2b84c6a)

dual-axes: 双轴图支持单轴配置 legend (#2840) (d1e1a527)

annotations: 提供更新图标标注方法 (#2826) (d879ad14)

Bug Fixes

修复 demo (87ae90f9)

Source code(tar.gz)
Source code(zip)
2.3.32(Aug 25, 2021)
Documentation Changes

添加 pattern 精选案例 (#2818) (b87a9ba0)

增加 2 个转化分析漏斗图 demo, 带跳转 (#2807) (df6a984e)

New Features

🎉 增加 pattern 贴图 (#2777) (b5176660)

Bug Fixes

funnel: 不将 label 的 layout 的 type 设置为 interval-adjust-position，修复 label 设置 position: right 不生效 (#2817) (de2efd5e)

Source code(tar.gz)
Source code(zip)
2.3.31(Aug 16, 2021)
Bug Fixes

dual-axes: 修复双轴图使用 color 回调时，legend marker 颜色丢失 (#2800) (a45dbdb4)

line: 修复无拆分时折线图 color 回调报错 (#2751) (4215408f)

Source code(tar.gz)
Source code(zip)
2.3.30(Aug 13, 2021)
Documentation Changes

增加 demo 上新提示 (c80f072c)

New Features

state: 支持多 view 图表，如：对称条形图、箱型图、小提琴图、mix 多图层图表等的状态设置和获取 (#2773) (c64270ea)

Bug Fixes

funnel: 修复尖底漏斗图最后一排错位 (#2793) (603d533f)

dual-axes: 修复双轴图 theme 设置覆盖 columnWidthRatio 设置 (#2791) (2dc2d962)

word-cloud: 修复词云图 legend 配置不起效修复词云图 color 回调缺少其他数据 (#2787) (ec47b760)

dual-axes: configure legend selected (#2784) (25fbe901)

dual-axes: 双轴图图例 legend 使用 symbol 的时候，颜色不能自动调整 (#2776) (93000e50)

Source code(tar.gz)
Source code(zip)
2.3.29(Aug 9, 2021)
Documentation Changes

Fix a few typos (#2764) (e7d98c76)

richer demos (#2768) (349127f7)

fix: 修复 custom tooltip 导致容器无限增大 (#2769) (83740b15)

New Features

sankey: 桑基图支持 state 配置 (#2757) (44770b44)

Bug Fixes

修复错误 & 更新官网展示 github (#2767) (cc96c741)

sankey: 修复桑基图 rawFields 在 label & tooltip 处不生效 (#2756) (669f881d)

treemap 矩阵树图支持 color 回调中使用 rawFields (color function apply rawFields) (#2750) (e1c5974d)

line 修复折线图 smooth 状态下，最高点有时会绘制不正确 (#3546)(daf3b8a8)

Source code(tar.gz)
Source code(zip)
2.3.28(Jul 30, 2021)
Documentation Changes

heatmap: 热力图补充密度热力图说明：color、style callback 以及 state 不可用 (#2718) (d0055e1b)

更新官网公告 & demo (ed3375b9)

New Features

interaction: 内置封装 brush 交互 (#2719) (abc45844)

legend: 图例支持多行分页 (36149724)

Bug Fixes

funnel: 漏斗图增加状态样式设置 (#2725) (e217c190)

dual-axes: 修改双轴图 annotations 文档 (#2726) (9aeaf31d)

Source code(tar.gz)
Source code(zip)