echarts 柱状图鼠标悬停高亮

要实现echarts柱状图鼠标悬停高亮效果，可以通过设置series的emphasis属性来实现。具体步骤如下：

1. 在初始化echarts实例时，定义一个series对象，并设置其emphasis属性为相关的样式设置，例如设置高亮的颜色。

var option = {
  series: [{
    type: 'bar',
    // 其他配置项...
    emphasis: {
      itemStyle: {
        color: 'rgba(255,0,0,0.7)' // 设置高亮的颜色
      }
    }
  }]
};

2. 在鼠标移动到柱状图上时，通过调用echarts实例的setOption方法更新配置项，将需要高亮的系列数据索引传递进去。

// 获取echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 鼠标移动到柱状图上时触发的事件
myChart.on('mousemove', function(params) {
  // 获取当前鼠标所在的系列数据索引
  var seriesIndex = params.seriesIndex;

  // 更新配置项，将需要高亮的系列数据索引传递进去
  myChart.setOption({
    series: [{
      emphasis: {
        // 高亮当前索引的系列数据
        focus: 'series', 
        blurScope: seriesIndex
      }
    }]
  });
});