ECharts的简单介绍和基本使用

1.ECharts的介绍：

    ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

官网地址：https://echarts.apache.org/zh/index.html 

2. ECharts简介

•  丰富的可视化类型  
• 多种数据格式支持  
• 流数据的支持  
• 移动端优化  
• 跨平台使用  
• 绚丽的特效
•  详细的文档说明

3. ECharts的基本使用：

3.1 ECharts 使用五步曲

步骤1：下载并引入echarts.js文件               ------------            图表依赖这个js库

 步骤2：准备一个具备大小的DOM容器       ------------           生成的图表会放入这个容器内

步骤3：初始化echarts实例对象                   -------------        实例化echarts对象

步骤4：指定配置项和数据(option)               -------------           根据具体需求修改配置选项

步骤5：将配置项设置给echarts实例对象    -------------           让echarts对象根据修改好的配置生效

3.2 相关配置讲解

• title：标题组件
•   tooltip：提示框组件
• legend：图例组件
• toolbox: 工具栏
• grid：直角坐标系内绘图网格
• xAxis：直角坐标系 grid 中的 x 轴
• yAxis：直角坐标系 grid 中的 y 轴
• series: 系列列表
• color：调色盘颜色列表

  先了解以上9个配置的作用，其余配置还有具体细节我们查阅文档：文档菜单—配置项手册