HighCharts: общая всплывающая подсказка с общими ЭТИКЕТКАМИ данных (последовательно)

У меня здесь простой HighChart ----> jsFiddle

Имея такую ​​серию:

series: [{
    name: 'Cities',
    data: [
        ["Paris", 29.9], 
        ["London", 71.5], 
        ["New York", 106.4]
    ]
},
{
    name: 'Universities',
    data: [
        ["Cambridge", 17.5], 
        ["Oxford", 1.5], 
        ["MIT", 16.4]
    ]
}
]

Общая всплывающая подсказка (всплывающая подсказка для отображения информации обеих серий в одном поле) может отображать только ВЕРХНЕЕ НАЗВАНИЕ серии. Вместо,

  • Я хочу, чтобы соответствующие названия ГОРОДА и УНИВЕРСИТЕТА были в поле ИНСТРУМЕНТ.

Например, он должен показать:

----------------------
| • Paris: 29.9     |
| • Cambridge: 17.5 |
----------------------

Или, по крайней мере, он должен показать:

------------------------------------
| • Cities: 29.9 (Paris)           |
| • Universities: 17.5 (Cambridge) |
------------------------------------

Что-то такое.

(Но сейчас отображается только название серии)

Как это сделать, пожалуйста?


series label highcharts title
person 夏期劇場    schedule 24.07.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Для этого вы можете использовать formatter функцию tooltip.

http://api.highcharts.com/highcharts#tooltip.formatter

Демо: http://jsfiddle.net/robschmuecker/qSfJw/2/

$(function () {
    $('#container').highcharts({
        tooltip: {
            shared: true,
            formatter: function () {
                console.log(this.points);
                return this.points[0].key + ' : ' + this.points[0].y + '<br/>' + this.points[1].key + ' : ' + this.points[1].y;
            }
        },
        series: [{
            name: 'Cities',
            data: [
                ["Paris", 29.9],
                ["London", 71.5],
                ["New York", 106.4]
            ]
        }, {
            name: 'Universities',
            data: [
                ["Cambridge", 17.5],
                ["Oxford", 1.5],
                ["MIT", 16.4]
            ]
        }]
    });
});
person Rob Schmuecker    schedule 24.07.2014