javascript - D3.js-在AJAX请求期间添加加载通知

我有一个需要大量数据的图表，足以完成d3.json()请求大约需要5-10秒。有什么方法可以显示一个好的老式微调器，或者在AJAX请求期间有这种效果？

另外，我应该只使用jQuery AJAX请求并遵循显示微调框的标准过程(如here所述)。只是好奇是否有人尝试过此方法...

最佳答案

我将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
                }
            });
        }