首页 > TAG信息列表 > getZr

echarts如何监听点击图表空白处事件

如下图两处空白,如何监控两处空白处的点击事件 监听事件方法,利用getZr()属性获取点击事件 var echart = document.getElementById('echarts'); var option={ //具体参考echarts官方:https://echarts.apache.org/examples/zh/index.html } var myChart = echarts.init(echar

echarts点击柱状图阴影触发事件

假如使用echarts显示柱状图时,如果图形数据悬殊比较大,就会出现某些柱形比较长,有些会非常短。那么短的部分会比较难点击。 这时候,可以使用echarts提供的getZr来获取点击区域的位置,然后使用convertFromPixel转换当前位置对应的x轴索引或y轴索引。 this.myChart.getZr().off('click')

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

  问题一:点击第一次的时候 触发一次点击事件  重复点击会触发n个点击事件 问题二: 点击柱状图的空白区域 / 阴影区域不会触发点击事件 解决方法 问题一解决办法:   在点击事件之前 先关闭点击事件   chart.off('click')   chart.getZr().off('click') 问题二解决办法: