javascript - 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 コールバック内で置き換えることです。