Настраиваемый атрибут Highcharts с графиком даты и времени

Question

У меня есть линейная диаграмма со значениями xAxis в качестве отметок времени, а значения yAxis имеют номер.Определение простое:

xAxis : [ {
    type : 'datetime'
    labels: {
        formatter: function(){
            // Custom function formatting timestamps
        }
    }
]

Данные из моего API приходят вот так и прекрасно работают.

data:[
    [1558648800, 10256],
    [1558648801, 10258],
    [1558648802, 10259]
]

Проблема в том, что мне нужно показать сообщение во всплывающей подсказке, поэтомуЯ нашел некоторые решения, такие как https://stackoverflow.com/a/8515679.

data: [
    {y : 10256, myData : 'Message 1'},
    {y : 10258, myData : 'Message 2'},
    {y : 10259, myData : 'Message 3'}
]

. В этом решении xAxis данные исчезают, поэтому я нашел уникальный способ использования атрибута name как xAxis, но я подумал, чтоне самый лучший способ управления временными метками и автоматикой tikcIntervals.

(я делегирую интервалы на Highcharts, не имеет значения).

Так что мой вопрос в том, что будет лучшим способомсоздать этот дополнительный атрибут (myData) для всплывающей подсказки, учитывая дату-время с графиком временных меток?

Заранее спасибо

Answer 1

Вы можете использовать данные со свойствами x, y и myData:

series: [{
    data: [{
            x: 1558648800,
            y: 10256,
            myData: 'Message 1'
        },
        {
            x: 1558648801,
            y: 10258,
            myData: 'Message 2'
        },
        {
            x: 1558648802,
            y: 10259,
            myData: 'Message 3'
        }
    ]
}]

Или определить данные как массив и использовать свойство keys:

series: [{
    keys: ['x', 'y', 'myData'],
    data: [
        [1558648800, 10256, 'Message 1'],
        [1558648801, 10258, 'Message 2'],
        [1558648802, 10259, 'Message 3']
    ],
}]

Демонстрационная версия: http://jsfiddle.net/BlackLabel/nsw46pLx/

Справочник по API:

https://api.highcharts.com/highcharts/series.line.data

https://api.highcharts.com/highcharts/series.line.keys