可视化图形语法 G2 3.2 迭变

内容简介：3.2 三大特性 一、让图表会讲故事 二、信息获取效率更高 三、图表一键换肤 一、让图表会讲故事 数据标注 本次发布新增数据标注功能，Demo 链接，通过标注帮助用户理解图中含有特殊含义的数据，如“峰谷值”、“异...

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），大家可以通过以下途径尝鲜：

• 通过 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 版本鼎力支持的社区小伙伴们（排名不分先后）：

blue	guisturdy	Ján Jakub Naništa

关于G2

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

• 官网 https://antv.alipay.com

• 邮件 antv@antfin.com

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

【声明】文章转载自：开源中国社区 [http://www.oschina.net]

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 可视化图形语法 G2 4.0.2 发布
• 可视化图形语法 G2 3.5.0 发布
• Roslyn 入门：使用 Visual Studio 的语法可视化（Syntax Visualizer）窗格查看和了解代码的语法树
• G2 3.4.7 发布，数据驱动的可视化编码图形语法
• G2 v3.0.12 发布，数据驱动的可视化编码图形语法
• Jeff Dean强推：可视化Bert网络，发掘其中的语言、语法树与几何学

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。