echarts 柱形图 点击事件(点击柱子触发事件,点击横坐标不触发事件)

根据需求方要求,点击柱形图的柱子要调接口拿到和柱子相关的数据表格,一开始想着直接给柱子设置点击事件,后来发现点击横坐标也触发了事件,记录一下此次小坑:

代码如下:

//通过 params.componentType 的值来判断点击的事是柱子还是横坐标

barchart.on('click', function(params) {

    console.log(params, params.componentType);

    if (params.componentType === 'xAxis') {

      return params;

    } else if (params.componentType === 'series') {

      barForm.feature = params.name;

      nextTick(() => {

        emit('sumRiskClick', { params });

      });

    }

  });

echarts 柱形图 点击事件(点击柱子触发事件,点击横坐标不触发事件)_第1张图片

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