需求背景
一张城市地图,选中时是色块,悬浮时是区域浮起(就是加阴影,但是颜色是未选中的颜色),想了很久,决定初始化时emphasis作为高光样式,而选中样式在dataRange里配置
emphasis: {
areaColor: '#D5F5FF',
borderColor: '#5DB6F2',
shadowColor: '#32ACD2',
shadowBlur: 10,
borderWidth: 0,
shadowOffsetX: 0,
shadowOffsetY: 0,
label: {
show: true,
}
}
dataRange:{
show: false,
splitList: [
{start: 1, end: 1, color: '#8BE0FB'},
{start: 0, end: 0, color: '#D5F5FF'}
]
},
初始化时,每个value皆为0,在click事件内将选中项的value改为1
myChart.on('click',function(params){
if(!params.data)//不可选
return;
myChart.setOption(option);
myChart.dispatchAction({
type: 'downplay'
});
})