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

栏目: 数据库 · 发布时间: 6年前

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

最近项目中有关于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次的问题》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

Python Machine Learning

Python Machine Learning

Sebastian Raschka / Packt Publishing - ebooks Account / 2015-9 / USD 44.99

About This Book Leverage Python' s most powerful open-source libraries for deep learning, data wrangling, and data visualization Learn effective strategies and best practices to improve and opti......一起来看看 《Python Machine Learning》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

MD5 加密
MD5 加密

MD5 加密工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具