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的全部内容了,快快收藏IE浏览器中文网站下载更多电脑软件吧!