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

Question

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

可替换地,我应该只使用一个jQuery AJAX请求并遵循用于示出微调的标准程序(如,描述在这里).只是好奇,如果有人试过这个...

Answer 1

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

Answer 2

我在这里做过类似的事情。这个想法是在静态页面上放置微调器（或其他通知）并在 AJAX 回调中替换它。