:dango: An interactive and responsive charting library

Overview

English | 简体中文

G2Plot

A charting library based on the Grammar of Graphics.

Version NPM downloads Latest commit build Status coverage Percentage of issues still open Average time to resolve an issue

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

    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 zqlu 44
  • statistic use html-annotation

    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安装图表不显示

    使用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: 散点图 & 气泡图功能优化

    feat: 散点图 & 气泡图功能优化

    checklist:

    • [x] 四象限组件 (12.11)
    屏幕快照 2019-12-11 下午3 43 53 完成稿: 屏幕快照 2019-12-12 下午3 54 38
    • [x] trend line(12.12) images linear quadratic cubic power logarithmic

    完成稿: 屏幕快照 2019-12-13 下午12 36 55

    • [ ] ~解决坐标轴出血问题 (12.13)~
    AA725062-7B81-47F5-85F8-2BFA397BE984
    • [x] axis和grid的默认配置不对(12.13)
    enhancement PR: merged 
    opened by paleface001 18
  • event & theme 走查

    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 图表走查测试结果

    [回归] 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 不正确 image
    • [ ] slider + 堆积面积不生效

    柱形图

    @zqlu

    • [x] label 只保留一个 demo,然后在代码注释注明可选值
    • [x] label demo 没有体现出数据标签的布局优化算法
    • [x] 没有图例设置
    • [x] 转化率组件(nit)
    • [x] 百分比堆积 @lxfu1
    • [x] range 类型的柱形图 @lxfu1
    • [x] label 颜色 image
    • [x] label position 不生效(堆积柱形图)

    条形图

    @BBSQQ

    • [x] label 只保留一个 demo,然后在代码注释注明可选值
    • [x] label demo 没有体现出数据标签的布局优化算法
    • [x] 没有图例设置
    • [x] 转化率组件
    • [x] 标签问题 @zqlu image

    饼图

    @Me-Momo

    • [x] demo 中 innerRadius 对比不明显(有两个环图的 innerRadius 配置太相近,看不出有区别)
    • [x] label超出图形
    • [ ] label 溢出 plot range,没有省略展示 image
    • [ ] 提供一个大数据量的数据标签样式

    散点图

    @lxfu1

    • [x] 四象限 demo 缺失
    • [ ] 回归线(nit)
    • [x] demo 不是很好看,可直接参考( https://g2plot.antv.vision/zh/examples/bubble/basic#basic )
    • [x] 连续图例暂时干掉吧,不好看

    双轴图

    @liuzhenying

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

    • [x] 线被柱挡住 image

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

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

    • [x] label 过长时图表无法自适应:等待 g2 updateOptions 修复后,再验证 fix 效果 (syncViewPadding)

    • [ ] scrollbar(nit)

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

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

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

    • [x] range 计算不正确(分组的时候可能导致遮挡 y 轴线) image

    • [x] 图形 legend 切换之后,图形位置挂了 image

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

    • [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

    image

    子弹图

    @arcsin1

    • [x] 内置默认图例,而不是通过 legend 配置自定义图例
    • [x] 一些样式问题, 配置内容 image

    直方图

    @arcsin1

    水波图

    @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 配置失效 image
    • [x] 如何进行 tooltip 文本的格式化,并内置格式化

    image

    股票图

    @jinhuiWong

    • [ ] demo 中 tooltip 有时候有,有时候没有
    • [ ] tooltip 样式不好看

    旭日图

    @lxfu1

    • [ ] tooltip 默认样式太丑了。 image

    场景化 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 正在激情开发中,欢迎前来指导...

    G2Plot v2 正在激情开发中,欢迎前来指导...

    分支地址: https://github.com/antvis/G2Plot 文档地址:https://www.yuque.com/antv/g2plot

    目标

    v2 版本主要的目的在于:

    1. 简化代码逻辑,让用户实现更简单,贡献更简单,维护更简单
    2. 确定完全基于 G2 4.0 开发,让体验优化的成果沉到底层,惠及更多用户

    怎么贡献?

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

    1. 看分工表格,挑选一个你感兴趣的图形(也可以回复添加一个新的可视化图形,只要是通用即可)
    2. 加群获得 1v1 帮助,帮你了解如果开发这样的图形,难点,重点在哪里
    3. 开发和 Code Review
    4. 文档、demo、网站
    5. 官网图表开发者署名

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

    常见问题

    1. 为什么 v1 一年就出 v2?

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

    1. 我贡献能收获什么?
    • 1 对 1 G2 可视化入门指导,基本入门可视化底层,以后业务中可视化自帮自助;
    • 从开发到上线,开源流程一整套;
    • 官网图表开发者署名,装比!
    • BI 数据领域经验免费交流。
    1. 开发一个新可视化图表需要多久?

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

    • 配置确定 2d
    • 开发图表 2d
    • CR 1d
    • 文档、demo、网站 3d

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

    1. 为什么要拉社区同学来干活?
    • 互利共赢
    • 了解开发者怎么用 AntV 的

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

    image

    v2 
    opened by hustcc 15
  • Word cloud Support

    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

    image

    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;
    
    

    image

    opened by ldd27 15
  • 🐛 [BUG]柱状图在设置自定义颜色后meta中的alias失效

    🐛 [BUG]柱状图在设置自定义颜色后meta中的alias失效

    🐛 Bug description 柱状图在设置自定义颜色后meta中的alias失效

    Link to minimal reproduction: https://codesandbox.io/s/hungry-carson-xb8gh7

    📷 Step to reproduce

    Column配置项:

    meta: {
        type: {
          alias: '类别',
        },
        sales: {
          alias: '销售额',
        },
      },
      color:(arg) => {
        return '#6596f9'
      }
    

    🏞 Expected result

    柱状图颜色与Tooltip 按配置显示

    🚑 Any additional [like screenshots]

    颜色生效 但Tooltip未按照配置进行显示 image

    • G2Plot Version:
    • Platform:
    Bug 
    opened by finaldusk 0
  • 🤔 [QUESTION]矩形树图,下钻交互的面包屑有没有事件触发的功能?

    🤔 [QUESTION]矩形树图,下钻交互的面包屑有没有事件触发的功能?

    🐛 Question description [Please make everyone to understand it]

    💻 Link to minimal reproduction

    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 mrh-code-star 0
  • 🐛 [BUG] 分组箱线图的异常点没有分组

    🐛 [BUG] 分组箱线图的异常点没有分组

    🐛 Bug description [Please make everyone to understand it]

    Please provide a link by forking these links G2Plot or GitHub repo, a minimal reproduction.

    • Required Link to minimal reproduction:

    📷 Step to reproduce

    import { Box } from '@antv/g2plot';
    
    const data = [
      { Species: 'I. setosa', type: 'SepalLength', value: 5.1, _bin: [4.3, 4.8, 5, 5.2, 5.8], outliers: [1, 10] },
      { Species: 'I. setosa', type: 'SepalWidth', value: 3.5, _bin: [2.3, 3.2, 3.4, 3.7, 4.4], outliers: [1, 10] },
      { Species: 'I. setosa', type: 'PetalLength', value: 1.4, _bin: [1, 1.4, 1.5, 1.6, 1.9], outliers: [1, 10] },
      { Species: 'I. setosa', type: 'PetalWidth', value: 0.2, _bin: [0.1, 0.2, 0.2, 0.3, 0.6], outliers: [1, 10] },
      { Species: 'I. versicolor', type: 'SepalLength', value: 7, _bin: [4.9, 5.6, 5.9, 6.3, 7], outliers: [1, 10] },
      { Species: 'I. versicolor', type: 'SepalWidth', value: 3.2, _bin: [2, 2.5, 2.8, 3, 3.4], outliers: [1, 10] },
      { Species: 'I. versicolor', type: 'PetalLength', value: 4.7, _bin: [3, 4, 4.35, 4.6, 5.1], outliers: [1, 10] },
      { Species: 'I. versicolor', type: 'PetalWidth', value: 1.4, _bin: [1, 1.2, 1.3, 1.5, 1.8], outliers: [1, 10] },
      { Species: 'I. virginica', type: 'SepalLength', value: 6.3, _bin: [4.9, 6.2, 6.5, 6.9, 7.9], outliers: [1, 10] },
      { Species: 'I. virginica', type: 'SepalWidth', value: 3.3, _bin: [2.2, 2.8, 3, 3.2, 3.8], outliers: [1, 10] },
      { Species: 'I. virginica', type: 'PetalLength', value: 6, _bin: [4.5, 5.1, 5.55, 5.9, 6.9], outliers: [1, 10] },
      { Species: 'I. virginica', type: 'PetalWidth', value: 2.5, _bin: [1.4, 1.8, 2, 2.3, 2.5], outliers: [1, 10] },
    ];
    
    const groupBoxPlot = new Box('container', {
      data,
      xField: 'type',
      yField: '_bin',
      groupField: 'Species',
      outliersField: 'outliers'
    });
    
    groupBoxPlot.render();
    
    

    image

    🏞 Expected result

    异常点分组

    🚑 Any additional [like screenshots]

    • G2Plot Version:
    • Platform:
    Bug 
    opened by pearmini 0
  • 🐛 [BUG] 多折线图表中,如果设置颜色后,在数据相同的情况下 后面的颜色展示优先级会提高到图层顶部

    🐛 [BUG] 多折线图表中,如果设置颜色后,在数据相同的情况下 后面的颜色展示优先级会提高到图层顶部

    🐛 Bug description [Please make everyone to understand it]

    Please provide a link by forking these links G2Plot or GitHub repo, a minimal reproduction.

    • Required Link to minimal reproduction:

    📷 Step to reproduce

    🏞 Expected result

    🚑 Any additional [like screenshots]

    • G2Plot Version:
    • Platform:
    Bug 
    opened by deerLoves 0
  • 🐛 [BUG]

    🐛 [BUG]

    动态更新数据的例子中 mask格式引起误解

    🐛 Bug description [Please make everyone to understand it]

    https://antv-g2plot.gitee.io/zh/examples/dynamic-plots/basic#dynamic-spline

    • Required Link to minimal reproduction:

    📷 Step to reproduce

    image

    🏞 Expected result

    image

    🚑 Any additional [like screenshots]

    • G2Plot Version:2.4.10
    • Platform: 文档问题
    Bug 
    opened by jiaoruogu 0
Releases(2.4.22)
  • 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)

  • 2.4.6(Jan 6, 2022)

  • 2.4.5(Dec 28, 2021)

  • 2.4.0(Dec 10, 2021)

    New Features
    Documentation Changes
    Bug Fixes
    Refactors
    • bar: 条形图重构,不需要反转数据 调整下坐标系即可. Breaking-changes maybe existed. (#2914) (b1d8f47b)
    Source code(tar.gz)
    Source code(zip)
  • 2.3.40(Nov 15, 2021)

  • 2.3.39(Oct 25, 2021)

  • 2.3.38(Oct 21, 2021)

    Documentation Changes
    • 添加 supportCSSTransform 参数的使用文档 (#2922) (d5ce6666)
    New Features
    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
    Documentation Changes
    • label: 增加一个数据标签的 demo (#2875) (626a50cd)
    • progress: 完善了进度条 progressStyle 的回调方法描述文档 (#2863) (240bb18e)
    • 增加一个漏斗图分析 demo (#2848) (4b3143e6)
    • 增加一个饼图 demo(个性化标签饼图) (#2853) (7fb1542b)
    • changelog: 删除重复的 changelog (#2843) (f9433c01)
    Chores
    Source code(tar.gz)
    Source code(zip)
  • 2.3.33(Sep 9, 2021)

  • 2.3.32(Aug 25, 2021)

  • 2.3.31(Aug 16, 2021)

  • 2.3.30(Aug 13, 2021)

    Documentation Changes
    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
    New Features
    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)

  • 2.3.27(Jul 21, 2021)

    Documentation Changes
    • legend: 图例 itemName, itemValue 增加 style 回调 (#2712) (1b039b0b8)
    Bug Fixes
    • histogram: binNumber 设置出错 (#2708) (46d27699)
    • percentage stacked column: 修复 百分比堆叠分组柱状 展示不对 的问题 (#2688) (08e17224)
    • radial-bar: 修复 玉珏图没有考虑 isStack 的情况 重新计算最大值 (#2685) (397d8641)
    • rose: 玫瑰图 legend 默认配置,不进行 offset 偏移 (#2683) (86e23094)
    • bullet: 修复子弹图 状态量 中 设置 fill 为渐变色时,报错 (#791) (70083c2d1)
    • legend: 修复图例容器大小无法设置问题 (#2711) (3fb32f087)
    Refactors
    Source code(tar.gz)
    Source code(zip)
Owner
AntV team
蚂蚁金服 - 数据可视化
AntV team
📱📈An elegant, interactive and flexible charting library for mobile.

中文 README F2 is born for mobile, developed for developers as well as designers. It is Html5 Canvas-based, and is also compatible with Node.js, Weex an

AntV team 7.8k Nov 23, 2022
Apache ECharts is a powerful, interactive charting and data visualization library for browser

Apache ECharts Apache ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly

The Apache Software Foundation 53.4k Nov 23, 2022
📱📈An elegant, interactive and flexible charting library for mobile.

F2,一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足你的各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。英文 README 在此衷心感谢《The Grammar of Graphics》的作者

AntV team 7.8k Nov 24, 2022
Ember Charts 3.5 2.3 L2 JavaScript A powerful and easy to use charting library for Ember.js

Ember Charts A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to

Addepar 794 Oct 22, 2022
Open-source JavaScript charting library behind Plotly and Dash

Plotly.js is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly in those respective ecosyste

Plotly 15.2k Nov 20, 2022
A reusable charting library written in d3.js

NVD3 - A reusable D3 charting library Inspired by the work of Mike Bostock's Towards Reusable Charts, and supported by a combined effort of Novus and

Novus 7.2k Nov 14, 2022
Simple yet powerful JavaScript Charting library built using d3.js

uvCharts Simple, robust, extensible JavaScript charting library built using d3 designed to help developers embed, build charts in less than couple of

Imaginea 267 May 20, 2021
Liquify charting library

Liquify Liquify: fast, multi-threaded visualization of stream data with ChartJS & Angular. The aim of Liquify is to provide a fast, customizable and e

null 4 Aug 23, 2022
React components for Chart.js, the most popular charting library

react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf

null 5.5k Nov 23, 2022
An easy-to-use cross-framework JS charting library

Compact Chart Visualize your data under a minute, in any Javascript framework Table of Contents About How to use it Examples Demo Plain HTML Example w

Mireo 1 Jul 28, 2021
A server-side-rendered charting library for Fresh

fresh_charts A server side rendered charting library for Fresh based on Chart.js. Usage There are two main ways to render a chart. There is the JSX/TS

Deno 38 Nov 25, 2022
Highcharts JS, the JavaScript charting framework

Highcharts JS is a JavaScript charting library based on SVG, with fallbacks to VML and canvas for old browsers. Official website: www.highcharts.com D

Highsoft 10.9k Nov 22, 2022
Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

dc.js Dimensional charting built to work natively with crossfilter rendered using d3.js. In dc.js, each chart displays an aggregation of some attribut

null 7.4k Nov 22, 2022
:bar_chart: Declarative Charting Framework for Angular

ngx-charts Declarative Charting Framework for Angular! ngx-charts is unique because we don't merely wrap d3, nor any other chart engine for that matte

Swimlane 4.2k Nov 20, 2022
Chart.js module for charting financial securities

Chart.js Financial Charting Chart.js module for Candlestick and OHLC charts Roadmap Chart.js 2.7.0 added our timeseries scale as new option called dis

Chart.js 620 Nov 14, 2022
Simple yet flexible JavaScript charting for designers & developers

Simple yet flexible JavaScript charting for designers & developers Documentation All the links point to the new version 3 of the lib. Introduction Get

Chart.js 58.8k Nov 23, 2022
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

GoJS, a JavaScript Library for HTML Diagrams GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. S

Northwoods Software Corporation 6.5k Nov 22, 2022
Visualize your tech stack and database with a simple, beautiful, and interactive web app.

Stacify Visualize your tech stack and database with a simple, beautiful, and interactive web app. Why Stacify Why would you want to use Stacify? Well,

Isaiah Hamilton 1 Jan 20, 2022
Interactive visualizations of time series using JavaScript and the HTML canvas tag

dygraphs JavaScript charting library The dygraphs JavaScript library produces interactive, zoomable charts of time series: Learn more about it at dygr

Dan Vanderkam 3k Nov 17, 2022