javascript - 关于进度值的 d3 csv 解析器

Question

所以我尝试使用 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

这是文件中的总字节数。我想知道如何获取它已加载的值，以便我的进度条可以正确加载。有人知道如何完成这项任务吗？

Answer 1

我认为事件 d3.event.loaded 返回总大小是正常的。您是否尝试过以下方法从 “progress” 函数中的变量 p 获取进度？

然后要获得实际进度，可以使用以下问题:How to get progress from XMLHttpRequest

最终结果应该是这样的:

d3.csv("my.csv",function(data){        //do stuff with data    }).on("progress", function(event){        //update progress bar        if (d3.event.lengthComputable) {          var percentComplete = Math.round(d3.event.loaded * 100 / d3.event.total);          console.log(percentComplete);       }    }});