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

2023-11-29

我想添加额外的custom工具提示框中的统计数据行,出现在鼠标悬停上方。据我所知,它仅显示名为的对象数组内的数据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%

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


您可以使用以下方式存储此信息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

参考:

  • 工具提示格式化程序
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

(jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框中? 的相关文章