我正在关注Mike Bostock开始的这个进度条动画,
http://bl.ocks.org/mbostock/3750941
但我想使用[Queue.js]
显示多个文件的加载进度https://github.com/mbostock/queue
我们可以添加一个进度加载栏,根据加载的文件数除以文件总数计算出来吗? d3.csv的原生“进度”仅适用于一个文件加载。
以下是并行加载多个csv文件的代码。
var finalData = {};
var q = queue(), // create the queue
dataSources = [ // the data sources
'myData_key1.csv',
'myData_key2.csv',
'myData_key3.csv',
...,
'myData_key30.csv'
];
// Go through each data source and add it to the queue:
dataSources.forEach(function (source) {
q.defer(function (callback) {
d3.csv(source, callback);
});
});
// Wait for all requests to be completed:
q.awaitAll(function (error, results) {
console.log(results);
})