私はFlotr2 libにを使用していFlotrまたはFlotr2

Question

に

を完成描画イベントをアタッチ： https://github.com/HumbleSoftware/Flotr2

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

小さなグラフや中間のサイズのデータ​​ではグラフが大丈夫ですが、大きなデータセットを使用するとグラフの描画に時間がかかります。描画しようとしている間、グラフのコンテナは空白なので、グラフが実際に描画されたときにこのスピンナーを描画して非表示にしようとしている間にローディングスピナーを表示したいと思います。

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

誰かが正しい方向を指摘したり、コードサンプルを提供してもらえますか？ ご協力いただければ幸いです。

は

Answer 1

あなたは別の関数でFlotr.drawへの呼び出しをラップし、ちょうど呼び出し元の関数内で、あなたのスピナーコードを置くことができ、ありがとうございます。

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

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

    // hide the spinner here 
} 

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