首页 > 其他 > 详细

echarts 柱状图点击单个柱子 遇到的点击重复问题、点击阴影区域不触发点击事件的问题

时间:2020-10-26 19:51:41      阅读:207      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

问题一:点击第一次的时候 触发一次点击事件  重复点击会触发n个点击事件

问题二: 点击柱状图的空白区域 / 阴影区域不会触发点击事件

技术分享图片

解决方法

问题一解决办法:

  在点击事件之前 先关闭点击事件

  chart.off(‘click‘)

  chart.getZr().off(‘click‘)

问题二解决办法:

  1.常规的点击事件是

   chart.off(‘click‘)

  chart.on(‘click‘, params => {})

  2.点击整个柱子的全部区域/阴影区域 需在点击事件前加上getZr()

  chart.getZr().off(‘click‘)
  chart.getZr().on(‘click‘, params => {})
 

echarts 柱状图点击单个柱子 遇到的点击重复问题、点击阴影区域不触发点击事件的问题

原文:https://www.cnblogs.com/xiaoqian227/p/13879377.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!