其他分享
首页 > 其他分享> > echarts 柱状图点击单个柱子 遇到的点击重复问题、点击阴影区域不触发点击事件的问题

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

作者:互联网

 

问题一:点击第一次的时候 触发一次点击事件  重复点击会触发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 => {})  

标签:off,chart,echarts,点击,柱状图,getZr,click,事件
来源: https://www.cnblogs.com/xiaoqian227/p/13879377.html