如何添加 "Loading..." 图像以显示 vis.js 时间线仍在获取数据并渲染它

How to add a "Loading..." image to show that vis.js timeline is still getting data and rendering it

我正在使用 vis.js 通过进行大约 60-70 个并行启动的 REST 调用来显示时间表时间表。时间线从其余回调中获取数据并填充到其视图中。然而,有时很难判断时间线是否仍在等待加载更多数据或者是否已经完成。

有什么方法可以在时间轴主动将新项目加载到其视图中时显示 "Loading..." gif/image?

我已经尝试过 $.document(ready),它似乎不适用于并行 ajax 调用。

这与时间轴本身无关,它是关于异步获取数据的。

基本上你必须:

  • 在屏幕上显示加载图像
  • 记录已启动的 ajax 个请求
  • 当收到 ajax 请求的响应时,将计数器减一(即使调用失败!)
  • 一旦计数器变为零,所有请求就完成了。然后隐藏加载图片
  • 如果任何请求失败,在屏幕上显示错误消息