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

98 阅读 0 评论 65 点赞

我是靠谱客的博主伶俐时光，这篇文章主要介绍echarts -地图散点地图实现部分城市散点，现在分享给大家，希望可以做个参考。

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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是指产品想要的城市显示散点，数据动态来自后台
}]