echarts 餅圖取消legend圖例的點擊事件,保留鼠標懸浮legend上顯示tooltie提示信息的事件

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)
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章