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

Question

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

    d3.csv("titanic_data.csv");

数据和 html 文件在同一个文件夹中，我设置的服务器也在那个文件夹中。该函数返回： Output

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

Answer 1

你有两个选择：

(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 数据可用时，将以解析的行作为参数调用指定的回调。