# ECharts 简介
ECharts 是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大多数浏览器（IE8/9/10/11，Chrome，Firefox，Safari 等），底层依赖矢量的图形库 XRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。官网地址
# ECharts 基本使用
# ECharts 使用步骤
- 下载并引入 echarts。js 文件 图标依赖这个 js 库
- 准备一个具备大小的 DOM 容器 生成的图标会放入这个容器内
- 初始化 echarts 实例对象 实例化 echarts 对象
- 指定配置项和数据（option） 根据具体需求修改配置选项
- 将配置设置给 echarts 实例对象 让 echarts 对象根据修改好的配置生效
# 相关配置讲解
| 组件 | 说明 |
|---|---|
| title | 标题组件 |
| tooltip | 提示框组件 |
| legend | 图例组件 |
| toolbox | 工具栏 |
| gird | 直角坐标系内绘制网络 |
| xAxis | 直角坐标系 grid 中的 x 轴 |
| yAxis | 直角坐标系 grid 中的 y 轴 |
| series | 系列列表，每个系列通过 type 决定自己的图标类型 |
| color | 调色盘颜色轮盘 |
# series：系列列表
- type：类型，比如 line 是折线，bar 是柱图
- name：系列名称，用于 tooltip，lengnd 的图例筛选变化
- stack：数据堆叠，如果没有相同值，则会数据叠加
- 数据堆叠：
- 第二个数据值 = 第一个数据值 + 第二个数据值
- 第三个数据值 = 第二个数据值 + 第三个数据值
- 如果给 stack 指定不同的值，或者去掉不会发生数据堆叠
- 数据堆叠：
