在使用Echarts开发项目时,经常会遇到地图组件的开发 遇到的问题也很多
geo: {
backgroundColor:'#232e67',
map: 'china',
roam: true,
},
series: [
{
backgroundColor:'#232e67',
name: '用户分布',
type: 'map',
mapType: 'china',
data: []
}
]
比如说同时设置两个属性 一个是geo 一个是series
两个都是map
该写法会造成上图地图重叠现象,对于该问题,在echarts官方文档中找到了答案,可以通过 geoIndex属性指定geo组件
官方叙述如下:
默认情况下,map series会自己生成内部专用的geo组件。但是也可以用 geoIndex 指定一个geo组件。这样的话,map和其他 serise中的type=map可以共享一个geo组件。并且,Geo组件的颜色也可以被这个map serise控制。当设定 geoIndex后,series-map.map属性,以及series-map.itemStyle等样式配置不再起作用,而是采用geo中的相应属性。
series: [
{
backgroundColor:'#232e67',
name: '用户分布',
type: 'map',
mapType: 'china',
geoIndex: 0,
data: []
}
]
加上就好了
好啦 小编要赶紧工作去了呢