Echarts的重点

Posted 2021-01-12 hzhjxx

官网中，主要看文档的”教程“和”配置项手册“这两部分

 

1 下载 

引入js

页面放一个容器，一定要设宽高

创建对象：var myChart = echarts.init(document.getElementById(‘main‘));

配置：var option = {};

加载：myChart.setOption(option);

 

2

修改option：配置项手册中查找 

常用的图表为：柱状图，饼图，地图 

 

3 图表分为几部分：

标题：title

图表：x轴，y轴

图例：legend

 

4 常用配置项：

Grid: 直角坐标系内绘图网格

xAxis: 直角坐标系 grid 中的 x 轴

yAxis: 直角坐标系 grid 中的 y 轴

tooltip: 提示框组件

series：系列列表

...