你如何添加到工具提示，HighCharts 中的一个系列？

Posted 2023-02-25

【中文标题】你如何添加到工具提示，HighCharts 中的一个系列？

【英文标题】：How do you add to tooltip, a series in HighCharts?

【发布时间】：2014-07-23 07:38:25

【问题描述】：

我想使用一个系列作为额外信息，所以当用户将鼠标悬停在该点上时，工具提示将显示额外系列

文件示例：

a,b,c,d
1,2,3,4
X1,X2,X3,X4

我在 X 上有 #1，在 Y 上有 #2，只希望在工具提示中显示 #3。

你如何告诉关于那个系列的工具提示？我知道如何使用 this.x 和 this.y，但该系列不在任一轴上；保存在不同的数组中

【问题讨论】：

您指的是哪个工具提示选项，请在 Higcharts api 参考中提供指向其文档的链接

你需要使用formatter来自定义tooltip的内容，或者使用shared选项来显示其他系列的值。

感谢您的回复。这是来自网站的示例；它使用 this.x 和 this.y，但我的系列不在 x 或 y 上。我动态加载数据并将其存储在数组中，因此我需要一种方法来告诉工具提示抓取包含该系列的特定数组，然后当我移动鼠标时，它需要将其与绘图上的内容同步，所以X1 将显示在 a 点，X2 将显示在 b 点，依此类推。 jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/…

所以请将您的示例与您的数据一起复制，因为在此示例中它可以正常工作。

谢谢 Sebastian，Rob 比我快

【参考方案1】：

演示：http://jsfiddle.net/robschmuecker/PAM3K/

$(function () 
    var myOtherData = [1,2,3,4,5,6,7,8,9,10,11,12];
    $('#container').highcharts(

        tooltip: 
            formatter: function() 
                return 'The value for <b>myOtherData</b> is: ' + myOtherData[this.point.x];
            
        ,

        xAxis: 
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        ,

        series: [
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        , 
            data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]        
        ]
    );
);

【讨论】：

太棒了，非常感谢展示这个功能！所以诀窍是你可以加载任何数据数组，并为你设置this.x的位置，所以它总是知道指针悬停在哪里。非常感谢！

是的，基本上就是这样?