在d3.js

Question

我正在学习d3.js并且在这样做时我正在尝试在进行可视化之前成功加载csv。这是我到目前为止所拥有的。                 
                 测试饼图        ＆LT; /脚本＆GT; - ＆GT;                           

d3.csv("C:/Users/ZKYMME/Desktop/csv_test.csv", function(data) { 
  data.forEach(function(d) {
    d.T1 = +d.T1;
    d.T2 = +d.T2;
    d.T3 = +d.T3;
    d.T4 = +d.T4;
    d.T5 = +d.T5;
  });
  console.log(data[0]);
});

如何检查以确保数据已正确“加载”或已准备就绪？

Answer 1

D3有csv请求的回调，可以用于错误处理。

d3.csv("../path.csv", function(d) {
  return d;
}, function(error, rows) {
  console.log(error, rows);
});

您的代码将如下所示，

d3.csv("C:/Users/ZKYMME/Desktop/csv_test.csv", function(data) { 
  data.forEach(function(d) {
    d.T1 = +d.T1;
    d.T2 = +d.T2;
    d.T3 = +d.T3;
    d.T4 = +d.T4;
    d.T5 = +d.T5;
  });
  console.log(data[0]);
}, function(error, rows) {
  console.log(error, rows)
});

Answer 2

与documentation specified中一样，d3.csv返回request，您可以使用它来进行错误处理。