Javascript Plotly JS范围滑块使用标记时速度非常慢

Javascript Plotly JS范围滑块使用标记时速度非常慢,javascript,d3.js,plotly,plotly.js,Javascript,D3.js,Plotly,Plotly.js,我正在尝试在x轴上使用范围滑块绘制15000个点,其中包含直线和标记。这是 如果模式为“仅行”,则速度很快,但使用标记时速度似乎很慢。有没有办法让这更快?谢谢。我建议使用另一种方法来绘制一百万个数据点,plotly提供了webGL来绘制这些数据点。通过单击了解更多有关此的信息 因此,我为您的案例实施了一个解决方案。但有一个小问题,当我绘制时,提供的实际数据,我得到的只是一行标记,我检查了,这是因为plotly无法处理这么多的数字 来处理这件事。我们需要将小数点后的数字长度从16减少到9,然后正确

我正在尝试在x轴上使用范围滑块绘制15000个点,其中包含直线和标记。这是


如果模式为“仅行”,则速度很快,但使用标记时速度似乎很慢。有没有办法让这更快?谢谢。

我建议使用另一种方法来绘制一百万个数据点,plotly提供了webGL来绘制这些数据点。通过单击了解更多有关此的信息

因此,我为您的案例实施了一个解决方案。但有一个小问题,当我绘制时,提供的实际数据,我得到的只是一行标记,我检查了,这是因为plotly无法处理这么多的数字

来处理这件事。我们需要将小数点后的数字长度从16减少到9,然后正确绘制数据

因此,143985681592000.0应该减少到801592000.0,然后我得到了所需的解决方案

请参考下面的代码笔,它实现了scattergl,尝试一下,让我知道这是否解决了您的问题


这是很多节点——遗憾的是,您正在经历一个典型的限制,即DOM中有那么多节点,而范围滑块中又有15000多个节点。主线只是一个节点,具有非常详细的d属性,与15000个点相比,可以轻松更新。与svg不同,我不认为canvas canvas plotly没有子节点,但如果您使用vanilla d3绘制那么多节点,您可能会使用canvas。因此,我不确定是否有一种解决方案,可以通过plotly和保留标记来减少由这么多节点造成的延迟。@KiranBaktha范围滑块不受支持,我想,我无法使其工作!是的…谢谢你试着看看有一个js版本
mode: 'lines+markers'