Web前端开发学习笔记14--ECharts

1、简介

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

ECharts 官网

2、相关配置

使用步骤：

1. 下载并引入 echarts.js 文件
2. 准备一个具备大小的 DOM 容器
3. 初始化 echarts 实例对象
4. 指定配置项和数据
5. 将配置项设置给 echarts 实例对象

相关配置：

名称	说明
title	标题组件
tooltip	提示框组件
legend	图例组件
toolbox	工具栏
grid	直角坐标系内绘图网格
xAxis	直角坐标 gird 中的 x 轴
yAxis	直角坐标 gird 中的 y 轴
series	系列列表，每个系列通过 type 决定自己的图表类型
color	调色盘颜色列表