ECharts基础了解1

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：提示框组件