echarts多系列柱形图,鼠标悬浮在哪个柱子上显示哪个柱子的数据

Echarts多系列柱形图是一种常见的图表类型，它可以同时展示多个系列的数据，并且使用鼠标悬浮在某个柱子上可以显示该柱子的数据。具体实现方法如下：

首先，在Echarts的配置项中，需要将tooltip属性设置为显示：

tooltip: {
    trigger: 'axis'
}

这样，鼠标悬浮在柱子上时就会触发tooltip的显示效果。

接下来，在每个系列的配置中，需要将series属性的data项配置为数组，并在数组的每个对象中添加一个name属性和一个value属性，分别表示这个数据列的名称和值：

series: [
    {
        name: '系列1',
        type: 'bar',
        data: [
            {name: 'A', value: 10},
            {name: 'B', value: 20},
            {name: 'C', value: 30},
            {name: 'D', value: 40}
        ]
    },
    {
        name: '系列2',
        type: 'bar',
        data: [
            {name: 'A', value: 20},
            {name: 'B', value: 30},
            {name: 'C', value: 40},
            {name: 'D', value: 50}
        ]
    }
]

最后，在tooltip的formatter属性中，使用函数来处理tooltip的内容。可以通过第二个参数params来获取到当前鼠标所悬浮的柱子的信息，然后根据这个信息来拼接tooltip的内容：

tooltip: {
    trigger: 'axis',
    formatter: function(params) {
        var result = params[0].name + '<br>';
        for (var i = 0; i < params.length; i++) {
            result += params[i].seriesName + ': ' + params[i].data.value + '<br>';
        }
        return result;
    }
}

这样，当鼠标悬浮在某个柱子上时，就可以显示该柱子所在系列的名称和值。