1.截图
image.png
2、问题
在灰色圆环上鼠标悬停hover后,echart自带的悬停效果会改变圆环的透明度,导致圆环的颜色改变甚至消失;在蓝色圆环上hover也会有颜色被改变现象。
3、解决
处理方法:在echart自带的“mouseover”方法中改变圆环颜色为原本设置的颜色,从而产生圆环本就没变色的效果。
/* 解决饼图hover阴影消失问题 */
this.chart.on('mouseover', e => {
let op = this.chart.getOption()
this.chart.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: e.dataIndex,
color: e.color
})
this.chart.setOption(op, true)
})