echarts柱状图点击事件vue

您可以在echarts的option中设置series中的itemStyle属性，然后在点击事件中获取到当前点击的数据，从而实现柱状图的点击事件。具体实现可以参考以下代码：

// echarts option中设置itemStyle属性
option = {
  series: [{
    type: 'bar',
    data: [10, 20, 30, 40],
    itemStyle: {
      normal: {
        color: function(params) {
          // 根据数据值设置柱状图颜色
          var colorList = ['#C1232B','#B5C334','#FCCE10','#E87C25'];
          return colorList[params.dataIndex];
        }
      }
    }
  }]
};

// echarts点击事件
myChart.on('click', function(params) {
  console.log(params.data); // 获取当前点击的数据
});