G2涵盖了很多的源代码数据,用户随时都能通过平台可视化引擎编辑绘制的方式,来制作出自己想要的数据图表模板。并且每一种图表在完成设计后,只需导入数值就能直接运算转换。
如何导出图片
考虑到 G2 使用环境的不同(浏览器、mobile 等),G2 从 v4 版本开始,不再提供 chart.toDataURL() 以及 chart.downloadImage() 接口,鼓励用户自己包装。
可以参考以下工具函数(能覆盖大部分场景,但是不保证完全不存在兼容问题,仅供参考):
参考方案(点击展开):
另外,获取到画布的 dataURI 数据之后,也可以使用 download 进行图片下载。
Tooltip 内出现了重复值
在绘制面积图时经常会遇到如下图的问题,本来是相同的数据却在 tooltip 上出现了两个值。
图表代码(点击展开):
原因解释:因为在代码中给 chart.area() 和 chart.line() 配置了不同的颜色,tooltip 去重规则会考虑颜色,颜色不同的视为不同的数据。
解决方案:
可以将其中一个 tooltip 关闭,比如 chart.area().tooltip(false)。
监听 chart.on('tooltip:change') 事件,动态修改 items 数据。
图表示例
千变万化,自由组合
任何图表,都可以基于图形语法灵活绘制,满足你无限的创意
专业完备
大量产品实践之上,提供绘图引擎、完备图形语法、专业设计规范
生动,可交互
强大的交互语法,助力可视分析,让图表栩栩如生
精品 Gallery
真实的数据可视化案例,我们将它们归纳为一个个故事性的设计模板,让用户达到开箱即用的效果。
1.从本站下载安装包
2.鼠标双击解压zip文件
3.点击exe文件安装即可
办公中专业术语总是无法用直观的语言明确分析?G2就能将数据以图表案例的形式进行交互绘制,协助用户大大地提高了项目方案的表达效果。
以上就是G2 v4.1.42免费版的全部内容了,IE浏览器中文网站为您提供最新最实用的软件!