javascript - d3 csv 读入数组中的对象

Question

我目前正在尝试将 d3 框架用于大学可视化方法。出于测试目的，我想读取一个 csv 文件并将行解析为数组中的对象。

我的 csv 看起来像:

 ID, Referred To, TimeStamp, Votes, Comment

所以我想用以下几行来阅读它:

d3.csv("test_comments.csv", function(data) {
  commentlist = data.map(function(d) {
    return[+d["ID"],
           +d["Referred To"],
           +d["TimeStamp"],
           +d["Votes"],
           +d["Comment"]
          ]
  });
});

但是如果我想在之后读出这些值，我只会得到“未定义”我还尝试了该线程中描述的 mbostock 方式: csv to array in d3.js

但是使用全局变量也不起作用。

var commentlist;
d3.csv("test_comments.csv", function(data) {
  commentlist = data.map(function(d) {
    return[+d["ID"],
           +d["Referred To"],
           +d["TimeStamp"],
           +d["Votes"],
           +d["Comment"]
          ]
  });
});
console.log(commentlist);

我理解错了吗？也许你有适合我的解决方案。

Answer 1

var commentlist=[];
d3.csv("test_comments.csv", function(data) {
  commentlist=data;
});
console.log(commentlist);

我所知道的是，在回调中，数据对象将包含 csv 文件所有数据行的 JSON 对象数组，每行数据都作为 JSON 格式推送到数据数组中。如下

[{"ID": valueFromtheRow, "Referred To": value, "TimeStamp": value, "Votes":value, "Comment":value}]

通过传递 JSON 数组来调用回调函数。所以数据对象看起来像

data=[{"ID": valueFromtheRow, "Referred To": value, "TimeStamp": value, "Votes":value, "Comment":value}];

希望你明白...如果不问我。