2

そのため、d3を使用してjavascriptでcsvファイルをロードしようとしています。また、プログレスバーを使用して、ロード中の進行状況を表示しようとしています。これは私が持っているものです：

d3.csv("my.csv",function(data){
        //do stuff with data
    }).on("progress", function(p){
        //update progress bar
        console.log(d3.event.loaded);
    });

そしてこれがそれが出力するすべてです：

13248560

これは、ファイル内の合計バイト数です。プログレスバーが適切に読み込まれるように、読み込まれた値を取得する方法を知りたいです。誰かがこのタスクを達成する方法を知っていますか？

4

1 に答える 1

2

d3.event.loadedイベントが合計サイズを返すのは正常だと思います。p関数 onの変数から進行状況を取得するために、次のことを試しました"progress"か?

次に、実際の進行状況を取得するには、次の質問を使用できます: XMLHttpRequest から進行状況を取得する方法

最終結果は次のようになります。

d3.csv("my.csv",関数(データ){
        //データを扱う
    }).on("進捗", 関数(イベント){
        //プログレスバーを更新
        if (d3.event.lengthComputable) {
          var percentComplete = Math.round(d3.event.loaded * 100 / d3.event.total);
          console.log (パーセント完了);
       }
    }
});
于 2013-01-22T10:23:44.680 に答える