入门篇 获取 ECharts 在项目中引入 ECharts 寻求帮助 版本特性 ECharts 6 特性介绍 v5 升级 v6 指南 5.6 5.5 5.4 5.3 5.2 ECharts 5 特性介绍 v4 升级 v5 指南 版本特性 ECharts 6 特性介绍 v5 升级 v6 指南 5.6 5.5 5.4 5.3 5.2 ECharts 5 特性介绍 v4 升级 v5 指南 概念篇 图表容器及大小 样式 数据集 数据转换 坐标轴 视觉映射 图例 事件与行为 应用篇 常用图表类型 柱状图 基础柱状图 堆叠柱状图 动态排序柱状图 阶梯瀑布图 折线图 基础折线图 堆叠折线图 区域面积图 平滑曲线图 阶梯线图 饼图 基础饼图 圆环图 南丁格尔图（玫瑰图） 散点图 基础散点图 自定义系列 常用组件 地理坐标系（Geo） SVG 底图 跨平台方案 服务端渲染 微信小程序 百度智能小程序 数据处理 动态的异步数据 标签 富文本标签 动画 数据过渡动画 交互 拖拽的实现 智能指针吸附 常用图表类型 柱状图 基础柱状图 堆叠柱状图 动态排序柱状图 阶梯瀑布图 折线图 基础折线图 堆叠折线图 区域面积图 平滑曲线图 阶梯线图 饼图 基础饼图 圆环图 南丁格尔图（玫瑰图） 散点图 基础散点图 柱状图 基础柱状图 堆叠柱状图 动态排序柱状图 阶梯瀑布图 折线图 基础折线图 堆叠折线图 区域面积图 平滑曲线图 阶梯线图 饼图 基础饼图 圆环图 南丁格尔图（玫瑰图） 常用组件 地理坐标系（Geo） SVG 底图 地理坐标系（Geo） SVG 底图 跨平台方案 服务端渲染 微信小程序 百度智能小程序 交互 拖拽的实现 智能指针吸附

最佳实践 Canvas vs. SVG 无障碍访问 安全指南 获取 Apache ECharts Apache ECharts 支持多种下载方式，可以在下一篇教程 安装 中查看所有方式。这里，我们以从 jsDelivr CDN 上获取为例，介绍如何快速安装。 在 https://www.jsdelivr.com/package/npm/echarts 选择 dist/echarts.js ，点击并保存为 echarts.js 文件。 关于这些文件的介绍，可以在下一篇教程 安装 中了解更多信息。 引入 Apache ECharts 在刚才保存 echarts.js 的目录新建一个 index.html 文件，内容如下： 打开这个 index.html ，你会看到一片空白。但是不要担心，打开控制台确认没有报错信息，就可以进行下一步。 在绘图前我们需要为 ECharts 准备一个定义了高宽的 DOM 容器。在刚才的例子 </head> 之后，添加： 然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图，下面是完整代码。 本文贡献者 在 GitHub 上编辑本页