echarts 点击柱状图，为其x轴添加选中样式，点击其他的柱状图清除选中样式

可以通过 echarts 的事件监听机制来实现点击柱状图时添加选中样式，点击其他柱状图时清除选中样式。具体实现步骤如下：

1. 在初始化 echarts 实例时，设置鼠标点击事件的监听器`chart.on('click', handleClick)`。

2. 在监听器函数 `handleClick(params)` 中，根据点击的柱状图的 index，获取其对应的 x 轴标签，并将其添加选中样式。同时，遍历其他柱状图的标签，将其清除选中样式。

示例代码如下：

// 初始化 echarts 实例
var chart = echarts.init(document.getElementById('chart'));

// 设置鼠标点击事件的监听器
chart.on('click', handleClick);

// 监听器函数
function handleClick(params) {
  var selectedLabel = chart.getOption().xAxis[0].data[params.dataIndex];
  
  // 遍历所有柱状图的标签，添加或清除选中样式
  chart.getOption().series.forEach(function (series) {
    series.data.forEach(function (data, index) {
      var label = chart.getOption().xAxis[0].data[index];
      if (label === selectedLabel) {
        data.itemStyle = { color: 'red' }; // 添加选中样式
      } else {
        data.itemStyle = { color: '#ccc' }; // 清除选中样式
      }
    });
  });
  
  // 更新 echarts 实例
  chart.setOption(chart.getOption());
}

在上述代码中，通过 `getOption()` 和 `setOption()` 方法获取和更新 echarts 实例的配置项。通过 `getData()` 方法获取某个系列的数据，然后遍历所有柱状图的标签，根据点击的柱状图的 index，判断该标签是否为选中标签，从而添加或清除选中样式。最后通过 `setOption()` 方法更新 echarts 实例的配置项，使其显示选中样式。