（jQuery Highchart）有没有办法在Tooltip Box中添加额外的自定义数据？

Question

我想在Tooltip Box中添加额外的自定义统计数据行，该数据行显示在鼠标悬停上方。据我所知，它只显示名为series:和tooltip:的对象数组中的数据。

我只想把更多的自定义数据（进入工具提示框）与每个工具提示（非常见的一个）分开。

例如：
酒吧1 =========================== 41％Tooltip: Water: 7.86%
第2栏================= 33％Tooltip: Salt: 5.2%, Water: 80%
第3栏====================== 35％Tooltip: Caffeine: 51%, Alcohol: 31%, Water: 4%

工具提示项目＆amp;每个柱的值不同。我怎么样？

Answer 1

您可以使用series存储此信息，如下所示。

{
    type: 'bar',
    name: 'Bar3',
    composition: {
        'Caffeine': '51%',
        'Alcohol': '31%',
        'Water': '4%'
    },
    data: [35]
}

然后您可以通过工具提示格式化程序获取它。使用this来引用该系列。

tooltip: {
    formatter: function() {
        console.log(this.series.options.composition);
    }
}

然后您只需根据需要格式化文本。

Demo

参考：

• Tooltip formatter