4

首次访问 vis.js 时间线图。用户的浏览器需要下载 vis.js 库。显示图表需要一些时间。我想知道如何在图表完全加载之前显示消息或动画图像。

图表完全加载后，让消息或图像淡出。

提前致谢。

4

3 回答 3

1

您应该使用vis.js 文档中此示例中所示的稳定事件。它为您提供了一个如何实现加载栏的示例，但您也可以使用此机制来实现其他解决方案。

于 2016-12-21T09:12:02.580 回答
0

如果您想在加载整个 html 之前做某事，这里有一个解决方案可以帮助您： 如何在加载整个 html 页面之前显示加载 gif

我还在我的一个项目中使用 vis.js 时间线，并且我正在使用 ajax 将数据从服务器获取到时间线中。对于这种进度演示，我使用了一个 ajax 加载器，就像这样，它完美地工作：

在 <head> 部分： 

<script>
$( function() {
    var $loading = $('#loadingDiv').hide();
    $(document)
      .ajaxStart(function () {
        $loading.show();
      })
      .ajaxStop(function () {
        $loading.hide();
      });
});
</script>

在 <body> 部分：

<div id="loadingDiv" style="margin-left:auto; margin-right:auto; position:fixed; left: 50%; margin-left:-150px; top:50%; margin-top:-200px; z-index:1000; opacity: 0.35; filter: alpha(opacity=35); ">
<img id="loading-image" src="./ajax-loader.gif" alt="Loading..." />
</div>
于 2018-10-31T14:09:00.577 回答
0

我已经通过使用onInitialDrawComplete时间轴选项中的回调解决了这个问题。

显示您想要的任何加载器机制，然后在触发后将其与时间线交换。

于 2018-10-19T10:12:29.190 回答