echarts -地图散点地图实现部分城市散点

62 阅读 0 评论 41 点赞

我是靠谱客的博主伶俐时光，最近开发中收集的这篇文章主要介绍echarts -地图散点地图实现部分城市散点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这里只记录下实现部分城市的散点配置
1.比如显示地图上的Top5和Bottom10省份

series:[{
type:'effectScatter',
coordinateSystem:'geo',
symboSize:20,// 散点的大小
zlevel:2,
rippleEffect:{
period:2,
scale:4,
brushType:"stroke",
},
label:{
normal:{
show:false,
}
},
itemStyle:{
normal:{
color:'#ffa432',
}
},
data:data1,//注意这里的data1是指产品想要的城市显示散点，数据动态来自后台
},{
type:'effectScatter',
coordinateSystem:'geo',
zlevel:2,
rippleEffect:{
period:2,
scale:4,
brushType:"stroke",
},
label:{
normal:{
show:false,
}
},
itemStyle:{
normal:{
color:'#d10026',
},
symbolSize:[3,18] ,// 和上面显示点的大小以及颜色都不一致，
},
data:data2,//注意这里的data1是指产品想要的城市显示散点，数据动态来自后台
}]