百度震撼发布的能用在PC、手机、pad，甚至是PPT里边的强大可视化框架Echarts4.0，前端必备

1

Echarts4.0简介

ECharts，来自百度，是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）。

先来欣赏几张用echarts实现的效果图，非常炫：

（1）效果图一：地图lines多色动态图

（2）效果图二：本年商场男女比例

2

Echarts的历史发展

Echarts从最初的1.0发展到现在的4.0可以说版本众多，目前市场上在线应用的常用版本都可以追溯到2016年1月12日。这个项目是百度数据可视化实验室打造的一个开源可视化项目，历史发展悠久，基本上在开源可视化的应用阵营里边，一般的程序员都会选择这个图标展现插件。

3

Echarts4.0此次带给大家的10项新科技包括如下：

（1）丰富的可视化类型

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

除了已经内置的包含了丰富功能的图表，ECharts 还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何你想要的图形

（2）多种数据格式无需转换直接使用

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

（3）千万数据的前端展现

通过增量渲染技术（4.0+），配合各种细致的优化，ECharts 能够展现千万级的数据量，并且在这个数据量级依然能够进行流畅的缩放平移等交互。

（4）移动端优化

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

（5）多渲染方案，跨平台使用

ECharts 支持以 Canvas、SVG（4.0+）、VML 的形式渲染图表。VML 可以兼容低版本 IE，SVG 使得移动端不再为内存担忧，Canvas 可以轻松应对大数据量和特效的展现。

（6）深度的交互式数据探索

交互是从数据中发掘信息的重要手段。“总览为先，缩放过滤按需查看细节”是数据可视化交互的基本需求。

（7）多维数据的支持以及丰富的视觉编码手段

ECharts 3 开始加强了对多维数据的支持。除了加入了平行坐标等常见的多维数据可视化工具外，对于传统的散点图等，传入的数据也可以是多个维度的。

（8）动态数据

ECharts 由数据驱动，数据的改变驱动图表展现的改变。

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

想要在 VR，大屏场景里实现三维的可视化效果？echarts提供了基于 WebGL 的 ECharts GL

（10）无障碍访问（4.0+）

ECharts 4.0可以让盲人可以在朗读设备的帮助下了解图表内容，让图表可以被更多人群访问！

4

Echarts4.0的应用场景

这边不得不提 Echarts4.0非常强大的地方， Echarts不但可以应用于各种PC端的浏览器上，而且还可以应用手机，pad上，甚至对于一些需要在ppt中应用漂亮图表插件的人事来讲， Echarts马上要提供相关插件了，非常值得期待。

5

Echarts4.0的代码示例：

6

Echarts4.0的官方地址：

强力推荐！

此公众号，长期发布互联网IT主流技术文章，目前已发布将近300多篇、10万行实战代码（涵盖：Java、大数据、Web前端、Android、IOS、测试等方向）供大家研究和学习，点击如下链接即可查看：

欢迎大家关注该微信公众号，关注方法如下：