echarts如何监听点击图表空白处事件
作者:互联网
如下图两处空白,如何监控两处空白处的点击事件
监听事件方法,利用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{
//橘黄色文字空白处事件
}
})
标签:myChart,监听,params,事件,echarts,空白处,getZr 来源: https://blog.csdn.net/yhj198927/article/details/122436331