最近項目中有關于echarts的一些需求,為了完善需求我也是被坑了不少。在給echarts點擊事件調接口的時候。我發現接口請求次數會依次增加,比如第一次點擊會調用一次,第二次點擊會調用兩次,第三次會調用四次,依次增加。這完全是個大bug啊。于是我開始查詢各種資料尋求解決辦法。但是都沒有一個準確的解決方法,最終我結合了幾個人的解決辦法進行了一次整合。終于,讓我開心了一回。bug也不會重復出現。為了我以后不再跳進這個坑,進行一次總結。
// 解決點擊事件調用n次的問題
// 1、清除畫布
myChart.clear()
// 2、調用setOption
myChart.setOption(option)
///3、在渲染點擊事件之前先清除點擊事件
myChart.off('click')
// triggerEvent為true時,觸發點擊事件
myChart.on('click', function (params) {
// console.log(params)
if (params.value === '訂單') {
console.log(params.value)
}
})