echarts 柱状图高亮的时候x轴字体也高亮

您可以通过 ECharts 的 `axisPointer` 配置来实现鼠标悬浮在柱状图上时，x 轴文字高亮的效果。具体做法如下：

1. 在 `xAxis` 的配置中，设置 `axisPointer` 为 `{ type: 'shadow' }`，表示启用阴影指示器。

2. 在 `tooltip` 的配置中，设置 `axisPointer` 为 `{ type: 'shadow' }`，表示启用阴影指示器。

3. 在 `tooltip` 的 `formatter` 中，通过 `{a}` 和 `{b}` 分别获取数据系列名称和 x 轴文字，然后使用 `<span>` 标签将 x 轴文字包裹起来，并设置样式为高亮。

下面是一个示例代码：

option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisPointer: {
      type: 'shadow'
    }
  },
  yAxis: {
    type: 'value'
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    },
    formatter: function(params) {
      var result = '';
      params.forEach(function(item) {
        result += item.seriesName + ': ' + item.value + '<br>';
      });
      result += '<span style="color: #fff; background-color: #000; padding: 2px 5px;">' + params[0].name + '</span>';
      return result;
    }
  },
  series: [{
    name: '销量',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20, 5]
  }]
};

在上面的示例中，当鼠标悬浮在柱状图上时，x 轴对应的文字会被高亮显示。您可以根据需要调整文字样式和颜色。