eCharts-基础使用

ECharts基础

基本使用

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

相关配置

1. title 标题组件
2. tooltip 提示框组件
3. legend 图例组件
4. toolbox 工具栏
5. grid 直角坐标系内绘图网格
   • 可以通过left、right、bottom、top设置网格与容器间的距离
   • containLabel：设置是否显示刻度标签
6. xAxis 直角坐标系grid中的x轴
   • boundaryGap 设置留白
7. yAxis 直角坐标系grid中的y轴
8. series 系列列表，每个系列通过type决定自己是什么类型的图表
   • type：类型
   • name：系列名称，用于tooltip的显示
   • stack：数据堆叠。设置相同值，不同系列的数据会叠加。不希望产生数据堆叠时，设置不同名称，或直接去掉该属性
9. color 调色盘颜色列表–数组
   
   更多前端学习笔记