如何为vis.js图表显示正在进行的负载
如何为vis.js图表显示正在进行的负载
提问于 2016-08-09 13:41:43
第一次访问vis.js时间线图表。用户的浏览器需要下载vis.js库。显示图表需要一些时间。我想知道如何在图表完全加载之前显示消息或动画图像。
图表完全加载后，让消息或图像fadeOut。
提前谢谢。
回答 3
Stack Overflow用户
发布于 2016-12-21 17:12:03
您应该在vis.js文档中使用稳定事件，如此example中所示。它为您提供了一个如何实现加载栏的示例，但您也可以使用此机制来实现其他解决方案。
Stack Overflow用户
发布于 2018-10-19 18:12:29
我已经通过在时间轴的选项中使用onInitialDrawComplete回调解决了这个问题。
显示你想要的任何加载器机制，然后在触发后将其与时间线交换。
Stack Overflow用户
发布于 2018-10-31 22:09:01
如果您想在加载完整个html之前执行某些操作，这里有一个解决方案可以帮助您：How can I display a loading gif until an entire html page has been loaded
我还在我的一个项目中使用vis.js时间线，并且我正在使用ajax将数据从服务器获取到时间线中。对于这种进度演示，我使用了一个ajax加载器，就像这样，它工作得很好：
部分中的：
<script>
$( function() {
var $loading = $('#loadingDiv').hide();
$(document)
.ajaxStart(function () {
$loading.show();
})
.ajaxStop(function () {
$loading.hide();
});
});
</script>部分中的：
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38842876
复制相关文章
相似问题
腾讯云开发者
