ECharts3.0:我用过的最好的图表解决方案，没有之一

Z时代
2024-01-10
分类：技术分享

在一些日常的web系统开发中，或多或少会使用到图表插件，在某些时候用上炫酷的图标展示确实看上去很直观，同时也给系统带来了一些新的活力。

当需要这些图标chart插件的时候，如果你比较强悍，你可以自己写，当然在项目允许的情况下可以使用现成的开源的chart插件，上百度一搜，一大把：

Flotr2、Rickshaw、D3、Awesome Chart JS、HighChart、JS Charts?等等等等（如下图）

js chart插件百度搜索部分结果

当把上面的各种都看了一遍之后，仍然晕头转向，基本都是英文文档，还有些不懂、或者某个想要的chart它不提供，再或者插件本身很笨重，一试用各种坑。最终项目做到一半不得不换掉，严重影响了项目进度，当时我在接触一个项目的时候就是这样，一开始用的是基于flash的图表插件，做到一半，实在被坑惨，不得不换掉。

EChart是百度出的一款纯js 图表chart插件解决方案，目前的版本是：3.2.3（2016.09.20），常用版本333kb，精简版224kb，相当的轻便了，还可以自己构建下载（如下图）。

官方的网址是：http://echarts.baidu.com

ECharts各个版本大小

ECharts 特性介绍

ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。

丰富的图表类型

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

百度EChart图标仪表盘事例