echarts 圖的點擊事件(含：點擊重復觸發的問題及其解決方法)

今天用echarts的時候發現一個問題

鼠標指向不同地市觸發一個事件展示該地區趨勢圖  但是但是后台中不管我第幾次鼠標指向都會觸發兩次指向事件

現在貼出解決辦法：

 

 

問題完美解決。但是為什么會調用兩次，這個我現在還不知道，希望各位大佬解答。

百度的時候發現還有一種錯誤方式：轉載一下其他大神處看到的：

在給echarts點擊事件調接口的時候。我發現接口請求次數會依次增加，比如第一次點擊會調用一次，第二次點擊會調用兩次，第三次會調用四次，依次增加。

  // 解決點擊事件調用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)
                    }
                })