以柱状图为例
点击单个柱形上
myChart.off('click');// 在渲染点击事件之前先清除点击事件,一定要加上否则会重复加载先前的点击事件
myChart.on("click", function (params) {
console.log('获取点击的数据',params);
//在这里可以拿到数据然后调用需要调用的方法
});
点击整块柱形
myChart.getZr().off('click');// 在渲染点击事件之前先清除点击事件
myChart.getZr().on('click', params => {
const pointInPixel = [params.offsetX, params.offsetY];
if (myChart.containPixel('grid', pointInPixel)) {
let xIndex = myChart.convertFromPixel({seriesIndex: 0}, [params.offsetX, params.offsetY])[0];
let handleIndex = Number(xIndex);
var op = myChart.getOption();
var name = op.xAxis[0].data[handleIndex]; //获取点击的列名
}
})