2018年1月16日，ECharts （echarts.baidu.com）发布了最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。和 ECharts 4.0 一起发布的还有 ECharts GL 1.0正式版，ZRender 4.0全新版本，WebGL 框架 ClayGL、深度学习框架Visual DL等，可谓是一次ECharts团队在数据可视化领域的大阅兵。

1. 全新 ECharts 4.0

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

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

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

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

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

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

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

下面分别为大家详细介绍其中的重点升级功能：

1.1 千万级数据可视化的无阻塞体验

ECharts 作为一个通用的数据可视化解决方案，能够稳定高效的展示几百到十万量级的数据集一直是 ECharts 引以为豪的一个特性。而在 4.0 中，ECharts 把这一数量级又进行了大幅度提升。

在 4.0 中，ECharts通过以下手段：

• 数据的流加载支持
• 增量渲染
• 内存优化、
• WebGL绘制优化

克服了以下各种难题：

• 大体积文件的传输耗时、
• 几千万的数据处理导致的浏览器卡顿阻塞
• 无法实时重绘所有图形、
• 大数据存储在浏览器上后过高的内存占用会导致 GC

把性能量级提升到了千万级别，在部分场景下测试数据能够到达亿级别，把ECharts的性能能力再一次提升到业界领先水平。后续会有专门的技术文章详细分享 ECharts 团队是如何在性能上做到极致。

1.2 支持SVG渲染，内存占用更少，可导出高清矢量图片

ECharts 4.0 支持以Canvas、SVG、VML的形式渲染图表，不同的渲染方式提供了更多选择，使得在各种场景下都有更好的表现。

新增的SVG渲染方式，在内存占用方面有很好的表现，以折线图、柱状图、饼图为例，SVG渲染占用的内存是Canvas渲染的十分之一。这意味着，对于移动端场景，尤其是配置较为低端的安卓手机而言，在原先使用Canvas会造成卡顿甚至页面崩溃的情况下，SVG也能顺滑地完成渲染工作。

渲染性能针对不同类型的图表和运行平台有较大差异，有些场景下SVG优于Canvas，有些则次于，用户可以根据自己的使用场景选择更合适的渲染方式。通常来说，SVG渲染折线图和饼图的效率更高，而由于Canvas渲染矩形的效率很高，所以柱状图使用Canvas渲染的效率高于SVG。另一方面，IE对于SVG的支持较差，因而性能一般比Canvas差；而Chrome上的SVG则有很好的表现。对于性能敏感的需求，用户可以测试特定图表的性能表现，并决定在各种平台上分别使用哪种渲染方式。

此外，有用户反馈需要在PDF报表中加入ECharts图表的图片，之前使用Canvas渲染的文件尺寸很大。而现在使用SVG渲染可以将图表导出为矢量图片，文件尺寸更小，并且永远不会产生锯齿，是在PDF中插入图表的更好的选择。以电脑端浏览器中典型的图表尺寸（1280×600）为例，导出图片的文件尺寸分别为：