可视化图形语法 G2 3.2 迭变

A
 AntV
发布于 2018年07月17日
收藏 21

3.2 三大特性

一、让图表会讲故事

二、信息获取效率更高

三、图表一键换肤

一、让图表会讲故事

数据标注

本次发布新增数据标注功能,Demo 链接,通过标注帮助用户理解图中含有特殊含义的数据,如“峰谷值”、“异常数据”等,让图表讲故事,告诉用户这里发生了什么,以及为什么会发生,节省用户破译图表的时间。

对独立数据标注(点)

对序列数据标注(线)

区域着色

G2 3.2 提供基于数据空间的色彩组合方式,区域着色文档链接 ,它允许以数据空间区域为标准进行色彩渲染,这意味着通过区域着色,一个图形可以渲染为不同的分段颜色,同一数据空间内的不同的图形也可以渲染为同一种颜色,丰富了 G2 的图表色彩语义和认知空间。

复现 Playfair 经典案例 Demo 链接

分段颜色渲染 Demo 链接

二、信息获取效率更高

折线图、面积图可配置为图例尾部跟随,这增加了图形和解释信息之间的视觉联系,让信息获取效率更高。同时该版对 Tooltip 进行了全新升级,新的视觉风格更轻盈、更容易进行数据间的比对。


图例跟随 Demo 链接

全新 Tooltip

三、图表一键换肤

3.2 在保留全局主题切换的同时,新增了单个图表的自定义主题接口,支持同一应用中能存在不同主题样式的图表,文档链接

其他 Features

优化坐标轴

坐标轴样式支持区分连续型数据与分类型数据,使用混合图表时,共用一个轴和栅格不会造成误解。

连续型数据

分类型数据

图例位置

图例位置由四方位(下图灰色部分)变更为十二方位(下图红色部分),更灵活,Demo 链接

试用 3.2

3.2 已经发布为 @antv/g2 包的最新版本(latest,3.2.4),大家可以通过以下途径尝鲜:

欢迎 加 star / 提 issue / 提 pull request

特别感谢

感谢对 3.2 版本鼎力支持的社区小伙伴们(排名不分先后):

blue

guisturdy

Ján Jakub Naništa

关于G2

G2 是蚂蚁金服体验技术部 AntV 团队的重要产品之一,感兴趣的小伙伴们欢迎通过以下途径关注我们、联系我们、加入我们。

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2,欢迎共建!


本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:可视化图形语法 G2 3.2 迭变
加载中

最新评论(3

猪娃娃
猪娃娃
kukaqin
kukaqin

引用来自“_vince”的评论

这个爽..百度有echart,阿里也有了
就是 echar 的人去搞的
_vince
_vince
这个爽..百度有echart,阿里也有了
返回顶部
顶部