Самый оптимальный способ загрузки данных в Highcharts

Question

Мне нужно загружать данные с 15-минутными интервалами для данных продолжительностью до 6 месяцев для каждой серии.Число рядов может варьироваться от 2 до 20.

Поэтому я попытался загрузить простой массив значений [28, 83, 13, 30, ...] и задать plotOptions для запуска с 00:00 с 15 min interval, поэтому xAxis динамически генерируется.Работает достаточно хорошо.

Мне также нужно включить аннотации, которые могут произойти в любое время, например 13:19 вне 15-минутного интервала.

Означает ли это, что мне нужно загрузить массив [x, y]такие пары, как [['00:00', 28], ['00:15', 83], ['00:30', 13], ['00:45', 30], ...], чтобы аннотации в случайное время могли отображаться?

Производительность медленнее при загрузке массива [[x1, y1], [x2, y2], [x3, y3], ...] против [y1, y2, y3, ...]?

Answer 1

Формат данных, который вы указываете на диаграмме, не влияет на возможность добавления аннотаций.Точки диаграммы будут по-прежнему иметь ту же структуру свойств.

Вы можете легко сравнить производительность для разных форматов данных:

console.time('Create chart');

Highcharts.chart('container', {...});

console.timeEnd('Create chart')

Тесты для 17280 точек на серию ( 4 серии):

• Массив числовых значений: 496,66 мс - 664,18 мс

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

• Массив массивов с 2 значениями: 444,14 мс - 610,68 мс

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

• Anмассив объектов (без турбо-режима): 496,46мс - 726,66мс

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

Как видите, различия относительно невелики,Наилучший результат (второй тест), вероятно, связан с тем, что на графике не нужно вычислять значения x.