首页 > TAG信息列表 > getZr
echarts如何监听点击图表空白处事件
如下图两处空白,如何监控两处空白处的点击事件 监听事件方法,利用getZr()属性获取点击事件 var echart = document.getElementById('echarts'); var option={ //具体参考echarts官方:https://echarts.apache.org/examples/zh/index.html } var myChart = echarts.init(echarecharts点击柱状图阴影触发事件
假如使用echarts显示柱状图时,如果图形数据悬殊比较大,就会出现某些柱形比较长,有些会非常短。那么短的部分会比较难点击。 这时候,可以使用echarts提供的getZr来获取点击区域的位置,然后使用convertFromPixel转换当前位置对应的x轴索引或y轴索引。 this.myChart.getZr().off('click')echarts 柱状图点击单个柱子 遇到的点击重复问题、点击阴影区域不触发点击事件的问题
问题一:点击第一次的时候 触发一次点击事件 重复点击会触发n个点击事件 问题二: 点击柱状图的空白区域 / 阴影区域不会触发点击事件 解决方法 问题一解决办法: 在点击事件之前 先关闭点击事件 chart.off('click') chart.getZr().off('click') 问题二解决办法: