echarts圆环，hover时圆环消失/hover时圆环变色问题

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)
  })

原文链接： https://www.cnblogs.com/x-llin/p/13825194.html