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

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

我只是想为每个Tooltip （NOT COMMON ONE）添加更多的自定义数据（到Tooltip Box）中。

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

每个栏的工具提示项目和值都不同 。 我怎么能够？

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); } } 

然后你只需要根据你想要的格式化文本。

演示

参考：

• 工具提示格式化程序