Highcharts продолжает радовать масштабами гибкости. На этот раз я приведу простой пример, как серию можно дополнять своими данными и выводить их во всплывашке.

Дополнительные данные по точкам следует добавлять при указании свойства 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 = '' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '';
    $.each(this.points, function(i, datum) {
        result += '
' + datum.y + ' players online';
        $.each(datum.point.players, function() {
            result += '
' + this;
        });
    });
    return result;
}

Как видите, внутри обработчика мы имеем доступ к точкам, попавшим на ось и, вместе с тем, — к дополнительным данным которые мы передаем. Работающий пример можно увидеть здесь.

Пример решения найден на stackoverflow и проверен на своей задаче.