时间戳

首页 > 解决方案 > 如何处理冻结浏览器的长时间加载 Plotly 绘图？

javascript - 如何处理冻结浏览器的长时间加载 Plotly 绘图？

问题描述

我有一个包含情节情节的 HTML 页面。问题是，由于它是一个有几百个点的 3D 散点图，它会在加载时锁定页面加载，并且这种情况会持续大约 15 秒，这会导致任何用户想象页面有问题。

是否有一个开关可以让我推迟加载情节图，或者只有在用户同意加载它时才加载它？或者至少显示一个加载微调器，也许？我真的不熟悉Javascript，所以我很难想象从哪里开始。

有div问题的开始是这样的：

<div id="52ccea91-0074-42e3-91fa-d2421bbd09ca" class="plotly-graph-div" style="height:100%; width:100%;"></div>
<script type="text/javascript">
   window.PLOTLYENV=window.PLOTLYENV || {};
                    
      if (document.getElementById("52ccea91-0074-42e3-91fa-d2421bbd09ca")) {
          Plotly.newPlot(
             '52ccea91-0074-42e3-91fa-d2421bbd09ca', ... ...

我尝试将第二行更改为<script type="text/javascript" async>，但这似乎并没有改变任何东西。

我应该将它包装在某种异步加载容器中吗？

我应该说这根本没有使用任何类型的框架，因为它只是一个从 Pandoc 生成的普通 HTML 页面。

标签： javascriptasynchronousplotly

解决方案

推荐阅读