本次发布新增数据标注功能,Demo 链接,通过标注帮助用户理解图中含有特殊含义的数据,如“峰谷值”、“异常数据”等,让图表讲故事,告诉用户这里发生了什么,以及为什么会发生,节省用户破译图表的时间。
对独立数据标注(点) | 对序列数据标注(线) |
G2 3.2 提供基于数据空间的色彩组合方式,区域着色文档链接 ,它允许以数据空间区域为标准进行色彩渲染,这意味着通过区域着色,一个图形可以渲染为不同的分段颜色,同一数据空间内的不同的图形也可以渲染为同一种颜色,丰富了 G2 的图表色彩语义和认知空间。
复现 Playfair 经典案例 Demo 链接 | 分段颜色渲染 Demo 链接 |
折线图、面积图可配置为图例尾部跟随,这增加了图形和解释信息之间的视觉联系,让信息获取效率更高。同时该版对 Tooltip 进行了全新升级,新的视觉风格更轻盈、更容易进行数据间的比对。
图例跟随 Demo 链接 | 全新 Tooltip |
3.2 在保留全局主题切换的同时,新增了单个图表的自定义主题接口,支持同一应用中能存在不同主题样式的图表,文档链接。
坐标轴样式支持区分连续型数据与分类型数据,使用混合图表时,共用一个轴和栅格不会造成误解。
连续型数据 | 分类型数据 |
图例位置由四方位(下图灰色部分)变更为十二方位(下图红色部分),更灵活,Demo 链接。
3.2 已经发布为 @antv/g2
包的最新版本(latest,3.2.4),大家可以通过以下途径尝鲜:
通过 npm 安装: npm install @antv/g2 --save
使用 CDN 链接:https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.2.4/dist/g2.min.js
欢迎 加 star / 提 issue / 提 pull request。
感谢对 3.2 版本鼎力支持的社区小伙伴们(排名不分先后):
G2 是蚂蚁金服体验技术部 AntV 团队的重要产品之一,感兴趣的小伙伴们欢迎通过以下途径关注我们、联系我们、加入我们。
AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2,欢迎共建!