D3.js - AJAX请求

Question

期间添加加载通知我有一个需要相当数量的数据，以至于它需要大约5-10秒即可完成d3.json（）请求的图表。有没有什么方法可以显示一个优秀的老式微调，或者在AJAX请求期间显示这种效果？

可替换地，我应该只使用一个jQuery AJAX请求并遵循用于示出微调的标准程序（如描述here）。只是好奇，如果任何人试图这...

Answer 1

我已经做了类似的东西here。这个想法是让微调（或其他通知）在静态页面上，并将其替换为AJAX回调。

Answer 2

我用spin.js我的心思。然后它几乎如你所说：

var spinner = new Spinner(opts); 
var target; 
$(document).ready(function() { 
    target = document.getElementById('spinner-box'); 
}); 

function findData() { 
      $.ajax({ 
       beforeSend: function() { 
        spinner.spin(target); 
       }, 
       complete: function() { 
        spinner.stop() 
       }, 
       type: 'POST', 
       url: // url, 
       data: // data, 
       success: function() { 
        // do something 
       }, 
       error: function(e) { 
        spinner.stop(); 
        // do something 
       } 
      }); 
     }