如何使用大型数据集处理HighCharts缩放

时间:2015-05-07 08:24:34

标签: javascript jquery graph highcharts highstock

我有一张HighCharts图表,并显示每分钟都有一个值的趋势。因此,在给定的一天,我将有1440个数据点,因为24小时= 1440分钟。

当我显示一天或两天的数据时,这很好。但如果我显示4周,我将有40,000个数据点。我可以非常快速地从服务器读取这些数据,但HighCharts需要几分钟来构建图表。

我建议的解决方案是在服务器端插入数据,这样我们将在4周的时间内获得1000分,或者每43分钟获得一个值。然后,当用户缩放时,使用AJAX再次从服务器读取数据。

我弄得一团糟还是通常会发生这种情况?有没有办法让HighCharts为我(并且很快)做这样的事情?我已经尝试了HighCharts DownSample Plugin,但最初的缓慢(构建图表需要2-3分钟)仍然存在。

1 个答案:

答案 0 :(得分:2)

事实上,您希望使用带有dataGrouping的Highstock。演示here

如果你不能使用Highstock,那么可能很难。但是,请检查this ticket - 它是Highcharts的实验性插件,以使用画布来渲染大量的点数。当然IE6 / 7/8不在讨论范围内。

关于按需加载数据,请查看lazy loading文章。是的,它指的是Highstock,但应该可以在Highcharts中使用相同的解决方案。演示here