官网给出来的demo:
myChart.on('click', function (params) {
console.log(params.name);
});
但是只能点在柱子上才能触发,那我们要在点击阴影部分也能触发点击事件只需要添加一个回调函数。
在tooltip中添加formatter回调函数:还要定义一个全局变量relVal :即鼠标停放处的坐标值。
tooltip: {
trigger: 'axis',
axisPointer : {
type: 'shadow',
},
formatter: function (params) {
//console.log(params);
relVal = params[0].name;
result = params[0].name + " :" + params[0].data;
return result;
}
},
添加点击事件:getZr()是canvas的一个方法。就是在params整个图里面点击任意一点都会触发on响应事件。
myChart.getZr().on('click', function (params) {
console.log(relVal);
});