是否可以使用D3js加载多个csv文件的进度条?

时间:2015-07-15 21:50:21

标签: javascript csv d3.js data-visualization

我正在关注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);
})

0 个答案:

没有答案