G2Plot是记忆库基于图形语法的图表库，采用可视化的方式可以轻松制作出优雅美观的图表，即时在真实场景中也具有很强的易用性和可用性。让原本无聊的图表样式变得更好玩更酷炫。开箱即用，只需几行简单的代码就可以生成图表了。

软件特色

开箱即用

配置项优化精简，仅需几行代码轻松生成图表

默认好用

即使你是可视化或设计小白，也能制作优雅、标准的统计图表

响应式图表

保证图表在任何显示尺寸、任何数据状态下的可读性

图表实验室

来这里尝试一下我们正在开发中的高级图表功能

G2Plot安装方法

$ npm install @antv/g2plot

G2Plot使用方法

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(document.getElementById('container'), {

data,

xField: 'sales',

yField: 'year',

colorField: 'year',

});

bar.render();

更新日志

feat(bar): 添加动态条形图 by @ai-qing-hai in #3162

feat(md): 更新 钉钉群 二维码和信息 by @ai-qing-hai in #3293

feat(custom Shape): 添加 Shape 文档 以及 添加 三个 自定义 Shape demo by @ai-qing-hai in #3246

Documentation Changes

docs(changelog): 更正链接异常 by @kajweb in #3362

docs(CONTRIBUTING.zh-CN): 修复链接显示异常 by @kajweb in #3363

docs: fix typo by @shiwanmenghuxiahuashan in #3389

Bug Fixes

fix(test): g2plot label 延迟渲染 注释和增加延迟时间 到 test by @ai-qing-hai in #3264

fix(progress): 迷你进度条重新修改 by @ai-qing-hai in #3268

fix(Chord): 修复弦图label 样式不能修改的问题 by @ai-qing-hai in #3270

fix(heatmap): 添加 meta 中的最大最小值参数 可以控制最小显示参数 by @ai-qing-hai in #3272

fix(gauge): 仪表盘 percent 0 时，数据被过滤重新添加回来 by @ai-qing-hai in #3265

fix(heatmap): 修复色力图 coordinate部分配置不起效 和 配置了 refect coordinate 失效的问题 by @ai-qing-hai in #3294

fix(base): rawFields 添加回调，对 geometry color shape 进行了区分 by @ai-qing-hai in #3288

fix(histogram): 直方图 histogram 修复不能关闭 legend 的问题 by @ai-qing-hai in #3284

fix(funnel): 当 next 为 0 时，应该显示 0% 而不是 -∞ by @ai-qing-hai in #3313

fix(box): 箱型图 添加 annotation 配置 by @ai-qing-hai in #3317

fix(animation): 动画添加回调， 可以给不同的 形状添加动画 by @ai-qing-hai in #3275

fix: 锁 remark-mdx 版本修复启动报错 by @pepper-nice in #3346

fix(stock): avoid mutating stock data item by @floydspace in #3349

fix(column): custom customItems invalid issue (#3367) by @zhangzhonghe in #3375

fix(funnel): 漏斗图转化率文本位置获取修改 by @ai-qing-hai in #3354

fix(type): fix appendPadding description typo by @lijinke666 in #3373