本文主要是介绍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 // 出现滑块可以筛选取值范围
}
这篇关于vue echarts (地图空气质量和散点)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!