echarts柱状图点击变色

要实现 echarts 柱状图点击变色的效果，你可以使用 echarts 的事件监听器来捕获点击事件，并在事件回调函数中修改柱状图的颜色。

首先，确保你已经引入了 echarts 库，并创建了一个柱状图实例。然后，通过调用实例的 `on` 方法来添加点击事件监听器，如下所示：

myChart.on('click', function (params) {
  // 获取被点击的柱子的索引
  var clickedIndex = params.dataIndex;
  
  // 获取柱子的样式
 var itemStyle = params.event.target.style;

  // 修改柱子的颜色
  if (itemStyle.fill === 'rgb(255, 0, 0)') {
    itemStyle.fill = 'rgb(0, 0, 255)';
  } else {
    itemStyle.fill = 'rgb(255, 0, 0)';
  }

  // 更新图表
  myChart.setOption({
    series: [{
      data: data // 更新数据
    }]
  });
});

上述代码中，`myChart` 是你的柱状图实例，`params.dataIndex` 可以获取到被点击柱子的索引，`params.event.target.style` 可以获取到柱子的样式。在点击事件回调函数中，你可以根据需要修改柱子的颜色，然后通过 `setOption` 方法更新图表。

请注意，上述代码只是一个示例，你需要根据你自己的实际需求进行修改和适配。另外，颜色的设置方式可能会因为你使用的 echarts 版本而有所差异，请根据实际情况进行调整。