1

Flotr2 ライブラリを使用しています: https://github.com/HumbleSoftware/Flotr2

Flotrグラフが実際に描画を終了したときにトリガーされるコールバックまたはイベントハンドラーを追加する方法を理解するために、どこでも検索してきました。

小規模または中規模のデータでは問題なくグラフを描画できますが、より大きなデータ セットを使用すると、グラフの描画に時間がかかります。描画しようとしている間、グラフ コンテナーは空白なので、描画中に読み込み中のスピナーを表示し、グラフが実際に描画を終了したときにこのスピナーを非表示にしたいと考えています。

私の質問は、グラフが実際にいつ描画を完了したかを知る方法です。

誰かが私を正しい方向に向けるか、コードサンプルを提供してください。どんな助けでも大歓迎です。

ありがとうございました、

4

1 に答える 1

1

Flotr.drawへの呼び出しを別の関数でラップし、呼び出し元の関数内にスピナー コードを配置するだけです。

window.onload = function() {
    // show the spinner here

    Flotr.draw(
        document.getElementById("chart"),
        data,
        options
    );

    // hide the spinner here
}

私はwindows.onloadラッパーとして使用しましたが、明示的に呼び出すカスタム関数を使用することもできます。

于 2016-07-28T15:28:41.230 に答える