在Highcharts中加载数据的最佳方法

时间:2019-03-08 05:15:30

标签: javascript highcharts

我需要每隔15分钟加载一次数据,每个系列最多需要6个月的数据。系列数可以从2到20。

因此,我尝试加载一个简单的值数组[28, 83, 13, 30, ...],并将plotOptions设置为以00:00开始于15 min interval,以便动态生成xAxis 。效果很好。

我还需要添加注释,注释可以在15分钟间隔之外的任何时间发生,例如13:19

这是否意味着我需要加载[x, y]对(例如[['00:00', 28], ['00:15', 83], ['00:30', 13], ['00:45', 30], ...])对的数组,以便能够在随机时间绘制注释?

加载[[x1, y1], [x2, y2], [x3, y3], ...][y1, y2, y3, ...]数组时,性能是否变慢?

1 个答案:

答案 0 :(得分:1)

您提供给图表的数据格式不会影响添加注释的能力。图表点仍将具有相同的属性结构。

您可以轻松比较不同数据格式的性能:

console.time('Create chart');

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

console.timeEnd('Create chart')

每个系列( 4 系列)的 17280 点测试:

如您所见,差异相对较小。最好的结果(第二次测试),可能是由于图表不必计算x值。