向高图表工具提示添加新数据

Question

可能重复： 设置高级图表系列的附加数据

所以我有一个图表：http://jsfiddle.net/Gg3ZL/

在工具提示中，我想用另一个工具提示中的新数据来替换当前的“在线玩家总数”。

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

等

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

更好的是，如果我不必替换“在线总玩家：”，而只是在工具提示中有另一个新条目，如“谁在线：”。

基本上鼠标在一个条目上，看看哪些玩家在那个特定的时间在工具提示上。

谢谢你的帮助

Answer 1

您可以使用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;
}

复杂工具提示: Highchart & Highstock @ jsFiddle