jquery - (jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框？

Question

我想在工具提示框中添加额外的自定义统计数据行，它出现在鼠标悬停上。据我所知，它仅显示名为series:and的对象数组中的数据tooltip:。

我只想为每个工具提示（不常见）放入更多带有单独值的自定义数据（进入工具提示框）。

例如：
栏 1 ============================= 41%Tooltip: Water: 7.86%
栏 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);
    }
}

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

演示

参考：

• 工具提示格式化程序