将新数据添加到highchart工具提示

时间:2012-11-26 05:15:58

标签: tooltip highcharts

  

可能重复:
  Set Additional Data to highcharts series

所以我有这张图:http://jsfiddle.net/Gg3ZL/

我想在工具提示中替换当前用“来自其他人”的新数据说“在线玩家总数”

Array= ['PlayerX, PlayerY, PlayerZ', 'Player1, Player2, Player3'];  

这样它与第一个系列数据输入中的第一个结果相匹配....

如果我不必替换“在线玩家总数:”而在工具提示中只有另一个新条目,例如“谁在线:”,那就更好了。

基本上鼠标悬停在一个条目上,并在工具提示中查看哪个玩家在特定时间在线。

感谢您的帮助

1 个答案:

答案 0 :(得分:15)

您可以在 series.data 中的每个点附加其他数据,如下所示

series: [{
    name: 'Series 1',
    data: [{
        y: 2,
        players: ['a', 'b']},
    {
        y: 3,
        players: ['a', 'b', 'c']},
    {
        y: 2,
        players: ['x', 'y']},
    {
        y: 4,
        players: ['a', 'b', 'c', 'd']}
    ]
}]

现在,在 tooltip.formatter 中,您可以使用以下附加数据

formatter: function() {
    var result = '<b>' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '</b>';
    $.each(this.points, function(i, datum) {
        result += '<br />' + datum.y + ' players online';
        $.each(datum.point.players, function() {
            result += '<br/>' + this;
        });
    });
    return result;
}

<强> Complex tooltip | Highchart & Highstock @ jsFiddle