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
∨ 展开