ECharts 大版本 4.0 正式发布：带来 8 项全新“黑科技”特性

其他

ECharts 大版本 4.0 正式发布：带来 8 项全新“黑科技”特性

2018-01-18 脚本之家

2018 年 1 月 16 日，百度EFE团队正式发布了旗下知名开源产品 ECharts 的最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。

ECharts 4.0 最大的亮点是带来了 8 项堪称“黑科技”的全新特性：

千万级数据可视化的无阻塞体验
图表界第一个双引擎发动机，首创同时使用 Canvas 与 SVG，支持 SVG 渲染，可自由切换，内存占用更少
新增旭日图，为多层数据带来更酷的展现方式
数据与样式分离让数据传入变得更加方便
更扁平的配置项层级，更便捷的书写
首创数据可视化产品的无障碍访问支持
即将可以在微信小程序中使用 ECharts
可以在 PPT 中使用 ECharts

和 ECharts 4.0 一起发布的还有 ECharts GL 1.0 正式版、ZRender 4.0 全新版本、WebGL 框架 ClayGL、深度学习框架 Visual DL 等，可谓是一次百度在数据可视化领域的大阅兵。

伴随这些产品的发布，百度也发布了全新升级的数据可视化品牌 —— “百度数据可视化实验室”，标志着百度在数据可视化领域将开启一番大的动作。

全新 ECharts 4.0

本次 ECharts 4.0 新版本主要的升级点包括：

带给用户更强大的性能和功能

千万级数据可视化的无阻塞体验
渲染引擎 ZRender 全面升级，正式支持 SVG
新增了旭日图类型

让开发者使用 ECharts 变得更加轻松

数据与样式分离让数据传入变得更加方便
更扁平的配置项层级，更便捷的书写

让更多的人在更多的场景都能访问使用 ECharts 制作的可视化产品

首创数据可视化产品的无障碍访问支持
新增对于微信小程序的支持
基于 Gallery 研发出了 PowerPoint 插件

具体改进记录如下：

[+] 支持最高达千万级数据量渲染。ECharts4 变更为流式结构，并且配合各种细致的优化，支持增量加载数据和渐进渲染。几千万的地理坐标数据就算使用二进制存储也要占上百 MB 的空间，增量加载数据可以使用户能使用 WebSocket 或者对数据分块后加载，从而能很快的渲染出结果并且阻塞浏览器。参见 scatterGL-gps、linesGL-ny。 ECharts 使用了渐进渲染来支持大数据场景下的平移缩放等交互，参见 lines-airline 的缩放平移。而 ECharts GL 下则会有效果好的交互体验。
[+] zrender SVG 渲染引擎发布，从而支持 Canvas / SVG 双引擎渲染，可进按照场景所需进行切换。例如，SVG 可适用于移动端、单页多图表等场景，Canvas 适用于大数据量、视觉特效需求等场景。Canvas 渲染引擎仍为默认引擎。
[+] 发布旭日图（sunburst），高效表达带有层次结构的数据占比情况，并有良好的交互体验。参见旭日图。
[+] 新增 dataset 组件，从而能够数据与样式分离，便于单独管理数据，支持数据映射到视觉配置，可以多个系列共享数据，也省去数据分割处理的步骤。
[+] 支持无障碍富互联网应用规范集（WAI-ARIA，the Accessible Rich Internet Applications Suite），致力于使得网⻚内容和网⻚应，用能够被更多残障人士访问。
[+] ECharts 4 开始，label、itemStyle 等配置被扁平化了，去掉了原先的 normal 层级，使得 option 更为清爽。原先的配置方式也向后兼容。
[+] 新增了两套内置的颜色主题，名为 'light', 'dark'，可通过 echarts.init(dom, themeName); 来使用它们。
[+] 支持 legend.data 不指定时，自动根据系列生成。
[+] 支持类目轴（axis.type: 'category'）中 axis.data 不指定时，自动根据数据生成。