echarts柱状图出现0时,使用普通触发不了点击事件,以及重复触发点击事件的解决办法

1.首先在tooltip中定义,formatter方法,你会发现原先的提示没有了,这需要你自己再formatter中定义返回内容。

 tooltip: {
          show: true,
          trigger: "axis",
          axisPointer: {
            label: {
              formatter: "类型:{value}",
              backgroundColor: "#283b56"
            }
          },
          formatter: function(params) {
            _params = params;
            return (
              params[0].axisValueLabel + "
损耗率 " + 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");

 

你可能感兴趣的:(echarts,javascript,前端)