关于Echarts条形柱状图的方法

(1)条形柱状图点击图例区域跳转A页面、点击条形图跳转B页面并精确到点击的哪根条形图

• 点击图例区域跳转页面，需要把点击图例显示隐藏的功能关掉哦

• 下面是事件方法

 myChart.getZr().on("click", function (params) {
      if (!params.target && params.topTarget) {
        // 点击图例区域
      } else if (params.target && params.topTarget) {
        //点击条形图
        var pointInPixel = [params.offsetX, params.offsetY];
        var pointInGrid = myChart.convertFromPixel("grid", pointInPixel);
        if (myChart.containPixel("grid", pointInPixel)) {
          let chart_x = myChart.getOption().xAxis[0].data[pointInGrid[0]]; //获取X轴刻度的值
        }
      }
    });

• 防止重复点击

 myChart.getZr().off("click");

有需要的话，可以看看折线图的一下点击方法哦！