当前位置:   article > 正文

echarts如何监听点击图表空白处事件_echarts在散点图的组件中,如何判断是点击到空白区域

echarts在散点图的组件中,如何判断是点击到空白区域

如下图两处空白,如何监控两处空白处的点击事件

监听事件方法,利用getZr()属性获取点击事件

  1. var echart = document.getElementById('echarts');
  2. var option={
  3. //具体参考echarts官方:https://echarts.apache.org/examples/zh/index.html
  4. }
  5. var myChart = echarts.init(echart);
  6. myChart.setOption(option);
  7. // 使用getZr获取点击事件
  8. myChart.getZr().on('click', function(params) {
  9. var pointInPixel = [params.offsetX, params.offsetY]
  10. if (myChart.containPixel('grid', pointInPixel)) {
  11. //红色文字空白处事件
  12. }
  13. else{
  14. //橘黄色文字空白处事件
  15. }
  16. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/124009
推荐阅读