解决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)
            }
        })

以上所述就是小编给大家介绍的《解决echarts点击事件调用n次的问题》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• eBPF内核探测将任意系统调用转换成事件
• 【译】理解Javascript函数执行—调用栈、事件循环、任务等
• [译] eBPF内核探测：如何将任意系统调用转换成事件
• C#如何进行以太坊调用、交易、事件、过滤器和主题
• javascript – 在手动调用事件处理程序时给出某些条件的IE中出错
• 详解JS事件 - 事件模型/事件流/事件代理/事件对象/自定义事件

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。