mapData.forEach(item=>{
item.itemStyle= { normal: { areaColor:'#AADDFF'}, emphasis: { areaColor: '#c5e6fd'}};
})
option = {
series: [
{
zoom: 1.25,
aspectScale: 1,
name: '贵州地图',
type: 'map',
mapType: '贵州', // 自定义扩展图表类型
itemStyle: {
normal: {
label: {
show: true,
color: '#000',
},
borderColor: '#fff',
},
emphasis: {
label: {
show: true,
color: '#333',
}
}
},
data: mapData||[],
}
]
};
this.chartMap.setOption(option);
//地图点击事件---高亮
this.chartMap.on('click',param=>{
if(param.data){
mapData.forEach(item=>{
item.itemStyle= { normal: {areaColor:item.name==param.data.name?'#AADDFF':'#d2e9f9'},
emphasis: { areaColor: '#c5e6fd'}};
//重新setoption
})
}
})
————————————————
版权声明:本文为CSDN博主「谭鱼鱼儿」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/sinat_34626741/article/details/107087489
记echarts 地图点击区域显示高亮问题
最新推荐文章于 2024-05-09 11:39:05 发布