资讯专栏INFORMATION COLUMN

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

kviccn / 885人阅读

摘要:我发现接口请求次数会依次增加,比如第一次点击会调用一次,第二次点击会调用两次,第三次会调用四次,依次增加。解决点击事件调用次的问题清除画布调用在渲染点击事件之前先清除点击事件为时,触发点击事件订单

最近项目中有关于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)
            }
        })

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110229.html

相关文章

  • 使用Echarts中遇到值得记录的小案例(一)

    摘要:说到这里可能会有点绕,里的也是一个对,高亮为,取消为,和里的表现效果恰恰相反。 需求部分 在开发项目的时候遇到一个需求,就是如何保证echarts图表里至少显示一个图例的数据(也就是最后一个图例不能变成unselected的状态)下图是最初加载时的画面showImg(https://segmentfault.com/img/bVbeDxo?w=1543&h=513); 不想出现图例都被...

    wind3110991 评论0 收藏0
  • 使用Echarts中遇到值得记录的小案例(一)

    摘要:说到这里可能会有点绕,里的也是一个对,高亮为,取消为,和里的表现效果恰恰相反。 需求部分 在开发项目的时候遇到一个需求,就是如何保证echarts图表里至少显示一个图例的数据(也就是最后一个图例不能变成unselected的状态)下图是最初加载时的画面showImg(https://segmentfault.com/img/bVbeDxo?w=1543&h=513); 不想出现图例都被...

    codeGoogle 评论0 收藏0
  • Rxjs入门实践-各种排序算法排序过程的可视化展示

    摘要:整个数据流序列 Rxjs入门实践-各种排序算法排序过程的可视化展示 这几天学习下《算法》的排序章节,具体见对排序的总结,想着做点东西,能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来,正好练系一下Rxjs的使用本文不会太多介绍Rxjs的基本概念,重点介绍如何用响应式编程的思想来实现功能 在线演示地址 源码 效果图 showImg(https://segmentfault...

    piglei 评论0 收藏0
  • Rxjs入门实践-各种排序算法排序过程的可视化展示

    摘要:整个数据流序列 Rxjs入门实践-各种排序算法排序过程的可视化展示 这几天学习下《算法》的排序章节,具体见对排序的总结,想着做点东西,能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来,正好练系一下Rxjs的使用本文不会太多介绍Rxjs的基本概念,重点介绍如何用响应式编程的思想来实现功能 在线演示地址 源码 效果图 showImg(https://segmentfault...

    荆兆峰 评论0 收藏0
  • 前端模块化开发demo之攻击地图

    摘要:最终自定义事件封装在上面的链接中看到,不仅应用层页面的按钮可以切换地图维度,直接点击地图里的中国区域也能切换地图,同时又能通知到应用层页面的按钮改变状态。 前言 很早以前写过一篇用RequireJS包装AjaxChart,当时用Highcharts做图表,在其上封装了一层ajax,最后只是简单套用了一下requireJS。由于当时自己才接触模块化,理解层面还太浅,后来经过其他项目的磨练...

    xiaowugui666 评论0 收藏0

发表评论

0条评论

kviccn

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<