1.截圖
2、問題
在灰色圓環(huán)上鼠標(biāo)懸停hover后投慈,echart自帶的懸停效果會改變圓環(huán)的透明度承耿,導(dǎo)致圓環(huán)的顏色改變甚至消失;在藍(lán)色圓環(huán)上hover也會有顏色被改變現(xiàn)象伪煤。
3加袋、解決
處理方法:在echart自帶的“mouseover”方法中改變圓環(huán)顏色為原本設(shè)置的顏色,從而產(chǎn)生圓環(huán)本就沒變色的效果抱既。
/* 解決餅圖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)
})