Apache ECharts：66k Star 的开源可视化库

Apache ECharts：66k Star 的开源可视化库

Apache ECharts 是 Apache 基金会下的开源图表与可视化库，GitHub 上获得了 66,571 个 Star。

ECharts 用纯 JavaScript 编写，底层基于 zrender 这个轻量级 Canvas 渲染库。它的定位很明确：为 Web 应用提供可交互的图表能力。折线图、柱状图、饼图、散点图、地图、3D 图形，这些常见的图表类型都覆盖到了。

安装方式

三种途径可以获取 ECharts：

npm install echarts --save

也可以从官网直接下载，或者通过 jsDelivr CDN 引入。按需选择就行。

配置项体系

ECharts 的核心设计思路是声明式配置。所有图表行为都通过一个 option 对象来定义，不需要手动操作 DOM 或 Canvas 上下文。数据更新时，修改 option 然后调用 setOption 方法，ECharts 自己处理差量更新和动画过渡。

交互方面，数据区域缩放、图例筛选、值域漫游这些组件都是内置的。tooltip 提示和 dataZoom 缩放控件开箱即用，不用额外写逻辑。

生态扩展

ECharts 有一批官方维护的扩展包：

• ECharts GL：3D 图表、地球可视化、WebGL 加速
• echarts-liquidfill：水球图
• echarts-wordcloud：字符云
• vue-echarts：Vue.js 组件封装
• echarts-stat：统计分析工具

这些扩展覆盖了不少常见的可视化场景。

文档和上手

文档体系比较完整，有入门手册、API 参考、配置项手册和在线示例。官方示例页面可以直接在线编辑配置查看效果，调试图表时用起来顺手。

ECharts 还有一篇发表在 Visual Informatics 期刊上的论文，介绍其声明式框架的设计思路。项目采用 Apache License V2，商用没有限制。

ECharts 是目前国内使用很广的前端可视化方案，数据大屏和 BI 类产品中出现频率高。如果项目需要图表能力，可以优先考虑。

广的前端可视化方案，数据大屏和 BI 类产品中出现频率高。如果项目需要图表能力，可以优先考虑。