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

Question

我想在Tooltip Box中添加额外的自定义统计数据行,它出现在鼠标悬停上.至于我学会了,它只显示调用的对象数组里面的数据series:和tooltip:.

我只是想为每个Tooltip(NOT COMMON ONE)添加更多的自定义数据(进入Tooltip Box),每个数据都有单独的值.

例如:
Bar 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);
    }
}

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

演示

参考:

• 工具提示格式化程序