超牛的可视化神器 —— ECharts 基础入门

什么是数据可视化？

数据可视化，就是关于数据视觉表现形式的科学技术研究。提到数据可视化这个词，人们头脑里往往对它的印象都是「高大上」、「炫酷」。比如像这样的：

或者这样的：

但是事实却是，制作这样的可视化图难度超级大，大部分人只能做成下面这个样子：

稍微好一点的：

但其实，普通玩家和「高端玩家」之间只差了一个数据可视化工具 ——「ECharts」。

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

简单来说，ECharts 提供了许多炫酷的可视化图表实例，你可以轻松修改，然后做出一个成品：

它提供了简单的操作、直观的结构、内置的数据源，比如我想做出这一周的收入和支出比例表，不管是修改数据和还是切换主题都是如此的简单。

丰富的可视化类型：

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

多种数据格式无需转换直接使用：

内置的 dataset 属性（4.0+）支持直接传入包括二维表，key-value 等多种格式的数据源，此外还支持输入 TypedArray 格式的数据。

千万数据的前端展现：

通过增量渲染技术（4.0+），配合各种细致的优化，ECharts 能够展现千万级的数据量。

移动端优化：

针对移动端交互做了细致的优化，例如移动端小屏上适于用手指在坐标系中进行缩放、平移。PC 端也可以用鼠标在图中进行缩放（用鼠标滚轮）、平移等。

多渲染方案，跨平台使用：

支持以 Canvas、SVG（4.0+）、VML 的形式渲染图表。

绚丽的特效：

针对线数据，点数据等地理数据的可视化提供了吸引眼球的特效。

通过 GL 实现更多更强大绚丽的三维可视化：

在 VR，大屏场景里实现三维的可视化效果。

如此简单又炫酷的工具，不学习一下怎么行呢？

在这里给大家推荐一门课程 ——《ECharts 基础入门》，可以带你系统入门 ECharts 这一神器，并亲手做出各种炫酷的可视化图表。

定制线性图：

定制饼状图：

中国地图模拟飞行航线：

课程限时免费一周，欢迎大家来实验楼边敲代码边学习～

课程地址：