可视化图形语法 G2 3.2 迭变

栏目: 软件资讯 · 发布时间: 6年前

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

可视化图形语法 G2 3.2 迭变

3.2 三大特性

一、让图表会讲故事

二、信息获取效率更高

三、图表一键换肤

一、让图表会讲故事

数据标注

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

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

对独立数据标注(点)

对序列数据标注(线)

区域着色

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

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

复现 Playfair 经典案例 Demo 链接

分段颜色渲染 Demo 链接

二、信息获取效率更高

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

可视化图形语法 G2 3.2 迭变


可视化图形语法 G2 3.2 迭变

图例跟随 Demo 链接

全新 Tooltip

三、图表一键换肤

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

可视化图形语法 G2 3.2 迭变

其他 Features

优化坐标轴

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

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

连续型数据

分类型数据

图例位置

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

可视化图形语法 G2 3.2 迭变

试用 3.2

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

欢迎 加 star / 提 issue / 提 pull request

特别感谢

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

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

blue

guisturdy

Ján Jakub Naništa

关于G2

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

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

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变

可视化图形语法 G2 3.2 迭变


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


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

查看所有标签

猜你喜欢:

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

Pragmatic Thinking and Learning

Pragmatic Thinking and Learning

Andy Hunt / The Pragmatic Bookshelf / 2008 / USD 34.95

In this title: together we'll journey together through bits of cognitive and neuroscience, learning and behavioral theory; you'll discover some surprising aspects of how our brains work; and, see how ......一起来看看 《Pragmatic Thinking and Learning》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具