ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
我为什么要使用ECharts绘制图表?
丰富的可视化类型:ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
几乎你想到的图表,ECharts都支持。动态数据:ECharts 由数据驱动,数据的改变驱动图表展现的改变。因此动态数据的实现也变得异常简单,只需要获取数据,填入数据,ECharts 会找到两组数据之间的差异然后通过合适的动画去表现数据的变化。配合 timeline 组件能够在更高的时间维度上去表现数据的信息
填入、删除数据,通过图表的动画效果体现数据在时间、空间上的演进。
ECharts需要编码,我能做到么?
官方提供相当多的实例,你可以更改其中的数据,使图表变成自己所需的结果。并且笔者在代码部分逐条增加了注释,相信即便是完全没有接触过前端代码的读者,也能够理解每行代码的意义。
笔者并不是很懂javaScript,但仅仅根据官方文档,仍然粗浅的了解了一些Echarts使用方法和技巧。本文一方面记录笔者的Echarts使用过程,另一方面也会简单介绍数据可视化的个人经验。
本文主要用于笔者个人的回顾,也应当适合数据可视化的初学者学习。文中出现的全部数据均来源于网络,或者是作者生成的随机数据。