分组堆叠 Highcharts 图中整个堆栈的工具提示

Question

我使用了 highcharts 库的分组堆叠图，您可以在此处看到：http://jsfiddle.net/152h9qrv/

现在我想为每个堆栈添加一个工具提示。当您悬停堆栈（而不是整个组）时，您应该收到堆栈的所有条目名称和数据。我尝试使用 shared:true 选项，但随后我收到了整个组的所有值（在我的示例中为 6 个值）。如果没有这个选项，我只能访问悬停的 element/value。

在我的示例 (http://jsfiddle.net/152h9qrv/) 中：我想访问每个悬停堆栈的三个元素的名称和值。

有人可以给我提示吗？

Answer 1

您可以使用工具提示格式化程序，然后查找点。

tooltip: {
        formatter: function () {
            var indexS = this.series.index,
                indexP = this.point.x,
                series = this.series.chart.series,
                out = 'y1:' + this.y + '<br/>';

            switch (indexS) {
                case 0:
                    out += 'y2: ' + series[1].data[indexP].y;
                    break;
                case 1:
                     out += 'y2: ' +series[0].data[indexP].y;
                    break;
                case 2:
                     out += 'y2: ' +series[3].data[indexP].y;
                    break;
                case 3:
                     out += 'y2: ' + series[2].data[indexP].y;
                    break;
            }

            return out;
        }
   },

http://jsfiddle.net/3Utat/10/

分组堆叠 Highcharts 图中整个堆栈的工具提示

Tooltip for whole stack in grouped stacked Highcharts diagram

javascript

tooltip

stacked

highcharts