Javascript D3强制布局渲染前的等待消息

Javascript D3强制布局渲染前的等待消息,javascript,extjs,d3.js,force-layout,Javascript,Extjs,D3.js,Force Layout,我已经使用d3.js实现了force布局。但是,布局会根据用户在UI中的选择进行更改,用户在UI中对服务器进行新调用,获取新数据,然后再次绘制强制布局。在此之前,用户必须等待。是否有一种方法可以在图形加载之前向用户显示等待消息。此外,此布局也是extjs组件的一部分,因此等待消息只需应用于该特定组件。我会使用ExtJS等待消息,但我没有事件来监听隐藏和显示等待消息,因为图形渲染独立于ExtJS。我做了很多研究,在d3.js中找不到这样的功能。但是应该有一些我无法理解的解决方法。这是相对简单的,尽

我已经使用d3.js实现了force布局。但是,布局会根据用户在UI中的选择进行更改,用户在UI中对服务器进行新调用,获取新数据,然后再次绘制强制布局。在此之前,用户必须等待。是否有一种方法可以在图形加载之前向用户显示等待消息。此外,此布局也是extjs组件的一部分,因此等待消息只需应用于该特定组件。我会使用ExtJS等待消息,但我没有事件来监听隐藏和显示等待消息,因为图形渲染独立于ExtJS。我做了很多研究,在d3.js中找不到这样的功能。但是应该有一些我无法理解的解决方法。

这是相对简单的,尽管D3没有提供任何明确的功能。当用户做出选择并发送异步请求以获取更多数据时,启用“等待”对话框。然后,在处理接收数据的函数中,禁用它。就这样。在代码中,它看起来像这样

userSelector.on("click", function() {
  enableWaitDialog();
  d3.json("newjson.json", function(error, data) {
    // do something with the new JSON
    disableWaitDialog();
  });
});

虽然D3没有为其提供任何明确的功能,但这是相对简单的。当用户做出选择并发送异步请求以获取更多数据时,启用“等待”对话框。然后,在处理接收数据的函数中,禁用它。就这样。在代码中,它看起来像这样

userSelector.on("click", function() {
  enableWaitDialog();
  d3.json("newjson.json", function(error, data) {
    // do something with the new JSON
    disableWaitDialog();
  });
});