最近项目中有关于echarts的一些需求，为了完善需求我也是被坑了不少。在给echarts点击事件调接口的时候。我发现接口请求次数会依次增加，比如第一次点击会调用一次，第二次点击会调用两次，第三次会调用四次，依次增加。这完全是个大bug啊。于是我开始查询各种资料寻求解决办法。但是都没有一个准确的解决方法，最终我结合了几个人的解决办法进行了一次整合。终于，让我开心了一回。bug也不会重复出现。为了我以后不再跳进这个坑，进行一次总结。

解决echarts点击事件调用n次的问题

  // 解决点击事件调用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)
                    }
                })    

原文摘自 www.cnblogs.com/niepan/p/92… 补充说明: 第一步myChart.clear() 最好换成myChart.dispose(); 要不然上生产环境时来回点击切换会看不到echart图