javascript - 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 年绘制超过(甚至大约)100 万个点在 Web 浏览器中也是不可能的。部分是由于浏览器的性能，部分是由于客户端-服务器架构的设计。需要一些额外工作的关键是聚合服务器端。

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