使用Dygraphs根据范围动态加载密集数据

时间:2014-10-14 07:29:46

标签: javascript dynamic-data dygraphs

我有一个涉及大量数据的场景,我想动态加载大部分数据。

在理想情况下,当用户使用Dygraphs实例加载网页时,仅加载某些预定义范围内的数据。同时,下面的范围选择器显示整个数据的“形状”。

此外,当用户选择不同的范围时,会加载该范围的数据(为了简单起见,忽略重叠范围的问题,并假设将加载新范围内的所有内容)。

如何实现这种形式的动态数据加载,同时为范围选择器提供整个范围。

1 个答案:

答案 0 :(得分:5)

一位用户创建了一些demos来做这样的事情。在dygraphs邮件列表上有一个discussion

该方法在演示页面上有更详细的描述,但一般的想法是在页面加载时加载和渲染数据的粗略版本,然后根据需要使用更细粒度的数据对其进行扩充。

另一种方法是创建具有不同数据源的两个图表,一个用于范围选择器,另一个用于放大图表。请参阅this demo上的底部图表。