解決echarts點擊事件調用n次的問題

最近項目中有關于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)
                    }
                })
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容