Echarts 柱状图点击事件
转载于:https://blog.csdn.net/lxiang222/article/details/82712225
const _this = this //指针
myChart.getZr().off('click');
myChart.getZr().on('click',function (params) {//点击事件
let point=[params.offsetX,params.offsetY];//获取坐标
if(myChart.containPixel('grid',point)){//判断(我也不懂)
let xIndex=myChart.convertFromPixel({seriesIndex:0},
point)[0];
let op=myChart.getOption();
let name=op.xAxis[0].data[xIndex];
_this.$emit('xzqhxq', name)//像vue父类传值
}
})
代码可以实现点击某一列就能触发这个事件,
主要的信息集中在op这个变量中,
name变量是点击某一列对应的名称,
使用时可以将这个变量打印出来然后选择所需要传递的参数,
其实这个代码是通过鼠标点击图形的坐标来进行判断点击的位置属于哪一列