Javascript 使用动态图动态加载基于范围的密集数据

我有一个涉及大量数据的场景，我希望动态加载大部分数据

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

此外，当用户选择不同的范围时，将加载该范围的数据（为了简单起见，让我们忽略重叠范围的问题，并假设将加载新范围中的所有内容）

如何实现这种形式的动态数据加载，同时使整个范围可用于范围选择器。

一个用户创建了一些类似于此的功能。在dygraphs邮件列表上有一个关于它的问题

该方法在演示页面上有更详细的描述，但总体思路是在页面加载时加载并呈现数据的粗略版本，然后根据需要使用更细粒度的数据对其进行扩充

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