1.首先在tooltip中定义,formatter方法,你会发现原先的提示没有了,这需要你自己再formatter中定义返回内容。
tooltip: {
show: true,
trigger: "axis",
axisPointer: {
label: {
formatter: "类型:{value}",
backgroundColor: "#283b56"
}
},
formatter: function(params) {
_params = params;
return (
params[0].axisValueLabel + "<br>损耗率 " + params[0].data.value
);
}
},
2.params尤为重要是你后期获取点击数据的来源
3.
wuliao.getZr().on("click", params => {
const pointInPixel = [params.offsetX, params.offsetY];
if (wuliao.containPixel("grid", pointInPixel)) {
//执行代码
console.log(_params);
if (_params) {
//_params为你点击的数据,从中拿取
}
}
});
4.当出现点击触发多次点击事件时,我们需要在on click清除原先的点击事件
wuliao.getZr().off("click");