echarts横向柱状图tooltip提示框显示额外系列数据

ECharts是一个强大的JavaScript图表库，如果你想在横向柱状图的tooltip提示框中显示额外的数据，你可以通过自定义 tooltip 的内容模板来实现。ECharts 提供了`formatter`属性，允许开发者根据需要格式化 tooltip 的显示内容。

例如，假设你有两个系列 `seriesA` 和 `seriesB`，你想在 tooltip 中同时显示这两个系列的信息，可以这样做：

option = {
    xAxis: {},
    yAxis: {},
    series: [
        {
            name: 'Series A',
            type: 'bar', // 柱状图
            data: ...,
            tooltip: {
                trigger: 'item',
                formatter: function (params) { // params 是每个柱子的数据
                    return '<div style="padding: 5px;">' +
                        'Series A: <b>' + params.name + '</b><br/>' +
                        'Value: ' + params.value + '<br/>' +
                        'Additional Data from Series B: ' + seriesB.data[params.seriesIndex] + '<br/>' // 系列B对应索引位置的数据
                        '</div>';
                }
            }
        },
        {
            name: 'Series B',
            type: 'bar',
            data: ...,
            // 其他配置...
        }
    ]
};

在这个例子中，`params.seriesIndex` 可以获取到当前柱子在相应系列中的索引，进而获取到 `seriesB` 中的对应数据。