在plotly.js

时间:2016-02-25 15:30:32

标签: javascript svg webgl plotly

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

我正在绘制科学数据,大约500点+每条迹线的错误(通常在1到4条迹线之间)。听起来不是太多了吗?现在数据根据用户输入而改变 - 一个滑块,我的目标是在拖动滑块时尽可能平滑地更新绘图。那就是我意识到我对绘图速度不满意的地方。

由于y数据(+错误)可以完全改变,我使用Plotly.redraw - 这在我的情况下在Chrome上约30-40ms。似乎没问题,但考虑到我想要同时呈现5-15个情节,这通常会增加半秒或更多。 1或2 fps ain正是人们所说的"平滑"。另外,在Chrome上,它在其他浏览器上看起来更糟糕。

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

对于长文本感到抱歉,但现在我很高兴听到一些关于如何加快速度的想法。

0 个答案:

没有答案