javascript - Plotly JS 范围 slider 使用标记非常慢

标签 javascript d3.js plotly plotly.js

我正在尝试使用 x 轴上的范围 slider 以及线条和标记来绘制 15000 个点。这是codepen

mode: 'lines+markers'

如果模式只有线条,那么速度很快,但使用标记时,速度似乎非常慢。有没有办法让它更快?谢谢。

最佳答案

我建议使用另一种方法来绘制一百万个数据点,plotly 提供了 webGL 来绘制它。点击here了解更多信息。

所以我已经为您的案例实现了一个解决方案。但是有一个小困境,当我绘制时,提供的实际数据,我得到的只是一行标记,我检查了,这是由于绘图无法处理如此大量的数字。

处理这个问题。我们需要将小数点后的数字长度从 16 减少到 9,然后才能正确绘制数据。

所以数字1439856801592000.0应该减少到801592000.0,然后我就得到了想要的解决方案。

请引用下面的codepen,它实现了scattergl,尝试一下,如果这可以解决您的问题,请告诉我!

Codepen Demo

关于javascript - Plotly JS 范围 slider 使用标记非常慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51027330/

相关文章:

javascript - 如何使用jquery获取输入的附加值

javascript - Jquery:单击()滚动特定的div并隐藏顶部div

javascript - 在angularjs中页面加载后自动点击按钮

javascript - 为什么移动 safari 似乎会给出与桌面浏览器不同的 Javascript Date() 结果?

javascript - d3 标签云中的换行符

d3.js - 使圆环图可点击

r - 使用小数绘制并以百分比表示工具提示标签

javascript - 在 x 轴文本上应用日期格式

javascript - 导入第三方库es6

r 绘制如何通过纬度、经度和 z 获取 3d 表面