加快plotly.js 渲染/绘图性能的方法

Question

我正在寻找各种方法来加速 JavaScript 中绘图的渲染，也许我们可以在这里收集一些东西？

我正在绘制科学数据，每条迹线大约有 500 个点 + 错误（通常在 1 到 4 条迹线之间）。听起来不太夸张，不是吗？现在数据根据用户输入（滑块）而变化，我的目标是在拖动滑块时尽可能平滑地更新绘图。这就是我意识到我对绘图速度不满意的地方。

由于 y 数据（+错误）可以完全改变，所以我使用Plotly.redraw- 在我的 Chrome 上，这需要大约 30-40 毫秒。看起来还可以，但考虑到我想同时呈现 5-15 个图，这通常会花费半秒或更长的时间。1 或 2 fps 并不完全是所谓的“流畅”。另外，这是在 Chrome 上，在其他浏览器上看起来更糟。

所以我想知道重绘是否是唯一的选择，如果是，如何加快速度？有任何想法吗？我尝试过type: 'scattergl'，虽然这似乎是一个很大的提升（低至 10-15 毫秒），但它只对只有一条迹线的小地块起作用，我无法设法让它适用于所有 10-15 块地块 -它会抛出多个不同的错误，不值得一提，因为它们在不同的机器上总是不同的。所以我的结论是，scattergl界面不像svg那么成熟，但也许我用错了？

抱歉文字很长，但现在我真的很高兴听到一些关于如何加快速度的想法。