d3 csv返回没有行的对象只是函数

时间:2016-06-21 10:49:22

标签: javascript csv d3.js

我正在尝试将泰坦尼克数据加载到d3中。我在chrome控制台中写了以下内容:

    d3.csv("titanic_data.csv");

数据和html文件位于同一个文件夹中,我设置的服务器也在该文件夹中。该函数返回: Output

如何让csv函数返回实际数据?

1 个答案:

答案 0 :(得分:2)

您有两个选择:

(1)提供回调:

d3.csv("titanic_data.csv", function(error, data) {
    if (error) {
        console.log("something went wrong", error);
    } else {
        console.log("data: ", data);
    }
})

(2)调用get:

d3.csv("titanic_data.csv")
  .get(function(error, data) {
    if (error) {
        console.log("something went wrong", error);
    } else {
        console.log("data: ", data);
    }
})

为什么这样?来自d3.csv文档:

  

d3。 csv (url [[,accessor],callback])

     

发出HTTP GET(...)异步处理请求,以便此方法在打开请求后立即返回。当CSV数据可用时,将使用已解析的行作为参数调用指定的回调。