ECharts
数据可视化
ECharts使用五部曲
步骤1:下载并引入echarts.js文件————图表依赖这个js库
步骤2:准备一个具备大小的DOM容器————生成的图表会放入这个容器内
步骤3:初始化echarts实例对象————实例化echarts对象
步骤4:指定配置项和数据(option)————根据具体需求修改配置选项
步骤5:将配置项设置给echarts实例对象————让echarts对象根据修改好的配置生效
ECharts-基础配置
-
series
- 系列列表。每个系列通过type决定自己的图标类型
- 大白话:图标数据,指定什么类型的图标,可以多个图表重叠
-
xAxis:直角坐标系 grid 中的x轴
- boundaryGap:坐标轴两边留白策略true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间。
-
yAxis:直角坐标系 grid 中的y轴
-
grid:直角坐标系内绘图网格
-
title:标题组件
-
tooltip:提示框组件