dygraphs：处理数百万个点

Question

Dygraph 网站的首页声称它可以轻松处理数百万个点的图，但是，我还没有遇到过这种情况。 我正在加载包含 100 万个 X、Y 值的数组，尽管它在短暂延迟后显示图形，但无法与之交互。

如何最好地设置 Dygraphs 来处理如此大量的数据？

这是我的设置选项：

drawPoints: false,
showRoller: false,
rollPeriod: 1,
animatedZooms: false,
panEdgeFraction: 0,
axes: {
    x: {
        drawAxis: false
    }
},
showRangeSelector: true,
rangeSelectorPlotFillColor: '',
rangeSelectorHeight: 80,
valueRange: [0, 65535],
labels: ['Time', 'Level']

谢谢大家。

Answer 1

事实是，即使在 2019 年，在 Web 浏览器中绘制超过（甚至大约）一百万个点也是不可能的。部分是由于浏览器的性能，部分是由于客户端-服务器架构的设计。关键是服务器端的聚合，这需要一些额外的工作。

这是一篇关于使用 D3 绘制 5000 万个点的精彩文章和一个实例：https://int21.io/post/50-million-points/index.html（TL;DR 是“你不..至少，不是同时进行”）；以下是 Dygraphs 相同概念的实例：https://github.com/kaliatech/dygraphs-dynamiczooming-example。

2024年更新：文章链接不见了，真可惜。看看这里的原文，但动态缩放示例不见了：https://web.archive.org/web/20210621134949/https://int21.io/post/50-million-points/index。 html.