加载曲线图

问题描述

我正在HTML中使用plotly js离线折线图，当json包含更多数据时，加载时间超过一分钟。 我们已经离开导航栏，当从一个选项卡切换到另一个选项卡时，由于绘制了线图，它花费了更多的时间来加载内容。

折线图数据：X轴有15个交易，每个交易有大约5000个点要绘制。 我尝试过的方法：

1. 在页面加载时为HTML提供事件监听器，从而缩小了文件（https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages）。
2. 为折线图和plotly.react（id，data，layout）提供“ type：scatterGL”，而不是plotly.newPlot（id，data，layout）。 通过使用上述方法也需要花费相同的时间。

请问是否有人知道如何减少大数据的加载时间。

谢谢， 布瓦纳。

解决方法

有很多要点。 75,000分意味着Plotly正在添加DOM元素。对于任何图书馆来说，这太多了。考虑改用Canvas，Plotly支持它，this example展示了它如何处理散点图中的100万个点，没问题。