引言 - 何为Echarts

折线图和梯形图

旭日图和直方图的联动

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

我为什么要使用ECharts绘制图表？

1. 丰富的可视化类型：ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。
   几乎你想到的图表，ECharts都支持。

2. 动态数据：ECharts 由数据驱动，数据的改变驱动图表展现的改变。因此动态数据的实现也变得异常简单，只需要获取数据，填入数据，ECharts 会找到两组数据之间的差异然后通过合适的动画去表现数据的变化。配合 timeline 组件能够在更高的时间维度上去表现数据的信息
   填入、删除数据，通过图表的动画效果体现数据在时间、空间上的演进。

ECharts需要编码，我能做到么？

官方提供相当多的实例，你可以更改其中的数据，使图表变成自己所需的结果。并且笔者在代码部分逐条增加了注释，相信即便是完全没有接触过前端代码的读者，也能够理解每行代码的意义。
笔者并不是很懂javaScript，但仅仅根据官方文档，仍然粗浅的了解了一些Echarts使用方法和技巧。本文一方面记录笔者的Echarts使用过程，另一方面也会简单介绍数据可视化的个人经验。

本文主要用于笔者个人的回顾，也应当适合数据可视化的初学者学习。文中出现的全部数据均来源于网络，或者是作者生成的随机数据。