vue echarts （地图空气质量和散点）

// 用vue的话就用Axios请求获取数据
$.get('放置地图JSON文件的位置',function(res){
	echarts.registerMap('地图自定义名称',res)	
})
echarts.registerMap('地图自定义名称',要显示地方的JSON数据)
// 地图是在 geo {} 里面进行配置
geo {
	type:'map',
	map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致
	roam:true // 设置允许缩放以及拖动的效果
	label: {
		show: true 	// 展示标签
	}
	zoom: 1 // 设置初始化的缩放比例
	center: [经度纬度] // 设置地图的中心点的坐标
},
series: [
	{
		data:data, // 空气质量的数据
		geoIndex: 0 // 将空气质量的数据和第0个geo配置在一起
		type:'map'
	},
	{
		data:data // 散点图坐标
		type: 'effectScatter' 
		coordinateSystem: 'geo' // 指明散点使用的坐标系统 geo的坐标系统	
		rippleEffect: {
			scale: 10  // 设置涟漪动画的缩放比例
		}
	}
],
visualMap: {
	min:0, // 筛选的最小值
	max: 300, // 筛选的最大值
	inRange: {
		color:['white', 'red'] // 控制颜色渐变的范围
	},
	calculable: true // 出现滑块可以筛选取值范围
}