2021.3.18

echars基础代码

1.引入echars.js文件

放在head中

<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>

鼠标放到上面，点击下载

2.准备一个呈现图表的盒子

放在body中

<div id="main" style=" 600px;height:400px;"></div>

 

3.初始化echars对象

 

<script>    var mChars = echars.init(document.querySelector('main'))</script>

放在盒子之下

4.准备配置项

var option = {

//从echars需要什么扒什么

}

5.将配置项设置给echars实例对象

mCharts.setOption(option)

地图基本配置

1.echars基本配置

2.准备中国地图矢量数据（China.json）

3.使用Ajax获取矢量地图数据