0
点赞
收藏
分享

微信扫一扫

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

迎月兮 2022-01-11 阅读 51

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

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

var echart = document.getElementById('echarts');
var option={
    //具体参考echarts官方:https://echarts.apache.org/examples/zh/index.html
}

var myChart = echarts.init(echart);
myChart.setOption(option);
// 使用getZr获取点击事件
myChart.getZr().on('click', function(params) {
  const pointInPixel = [params.offsetX, params.offsetY]
  if (myChart.containPixel('grid', pointInPixel)) {
      //红色文字空白处事件
  }
  else{
      //橘黄色文字空白处事件
  }
})
举报

相关推荐

0 条评论