d3中排队文件的进度条

时间:2017-10-02 13:31:47

标签: d3.js

我在尝试使用d3.queue.js加载多个文件时尝试添加进度条(或任何建议进度)

我看了这个例子 https://bl.ocks.org/mbostock/3750941

然而,当我推迟加载csv时,我无法访问进度事件(只有一个非常大的文件,所以如果进度只适用于一个文件,那就没问题):< / p>

d3.queue()
  .defer(d3.csv, filepath1)
  .defer(d3.csv, filepath2)
  .defer(function(f) {
    d3.csv(filepath3)
      .on("progress", function() {
        console.log(d3.event.loaded) // this never updates
        var i = d3.interpolate(progress, d3.event.loaded / total);
        d3.transition().tween("progress", function() {
          return function(t) {
            progress = i(t);
            foreground.attr("d", arc.endAngle(twoPi * progress));
            text.text(formatPercent(progress));
          };
        });
      })
      .get(function(error, data) {
        f(error, data);
      })
  })

有关为何我无法使用.on("progress")电话的任何想法?我怎么能这样做?

0 个答案:

没有答案