echart圓環，hover時圓環消失/hover時圓環變色問題

1、截圖

 

 

 

 2、問題

在灰色圓環上鼠標懸停hover后，echart自帶的懸停效果會改變圓環的透明度，導致圓環的顏色改變甚至消失；

在藍色圓環上hover也會有顏色被改變現象。

3、解決

處理方法：在echart自帶的“mouseover”方法中改變圓環顏色為原本設置的顏色，從而產生圓環本就沒變色的效果。

// 去掉圓環默認hover時高亮效果
chart1.on('mouseover', e => {
  let op = chart1.getOption()
  chart1.dispatchAction({
    type: 'downplay',
    seriesIndex: 0,
    dataIndex: e.dataIndex,
    color: e.color
  })
  chart1.setOption(op, true)
})

其中e.color為原本設置的圓環顏色，console.log(e)可以查看可改變的圓環參數。

echart中自帶的方法還有：點擊click方法，mouseout鼠標移出方法。