echarts 餅圖
因爲我在餅圖渲染數據的時候對一些數據較小的label和labelLine進行了隱藏,進行了數據的二次處理,所以legend鼠標懸浮顯示出tooltie是我所需要的而點擊事件,會關閉一個塊,此時就需要重新去計算數據並重新渲染echarts,需求並沒有要求做點擊關閉部分塊在佔比圖中,網上大部分資源是說設置selectedMode:false,但是這個一旦設置爲false,那麼點擊事件和鼠標懸浮顯示tooltie事件就會都取消,顯然不符合,經過查官方文檔發現legendselectchanged這個事件可以滿足要求,legend默認是將這個option的當前元素selected改爲了false,我們只需要將其改爲true,就相當於取消了點擊事件保留了鼠標懸浮顯示tooltie事件(當然也可以在legendselectchanged事件中將取消此元素之後,重新計算數據,渲染echarts,原理是一樣的)。
myCharts.on('legendselectchanged', function(params) {
var option = this.getOption();
option.legend[0].selected[params.name] = true;//相當於取消點擊事件
this.setOption(option)
})