读取 D3 中没有标题行的 csv/tsv

Question

我有CSV数据，看起来像：

数据

1,1,10
1,2,50
1,3,5
etc...

我正在尝试读取数据。但是，我的初始数据不包含标题行（如上所示），因此它将第一个数据行作为标题（1,1,10）。这周围有没有。我想在读取数据后设置标头名称

爪哇语

d3.csv("data/testnh.csv", function(data) {
    console.log(data);
}

谢谢！

Answer 1

使用

d3.text 加载数据，然后使用 d3.csvParseRows 对其进行解析。例如：

d3.text("data/testnh.csv", function(text) {
  console.log(d3.csvParseRows(text));
});

您可能还希望将列转换为数字，因为默认情况下它们是字符串。假设它们都是数字，你可以说：

d3.text("data/testnh.csv", function(text) {
  var data = d3.csvParseRows(text).map(function(row) {
    return row.map(function(value) {
      return +value;
    });
  });
  console.log(data);
});

Answer 2

自从 Bostock 在 2012 年给出答案以来，d3.csv.parseRows 允许一个可选的访问器函数，这使得他的答案能够更简洁地表达：

d3.text("data/testnh.csv", function(text) {
    var data = d3.csv.parseRows(text, function(d) {
        return d.map(Number);
    });
    // Now do something with data
});

Answer 3

首先使用

d3.text 读取数据，然后添加自定义标头字符串，然后使用d3.csv.parse解析结果

d3.text("data/testnh.csv", function(r){
   var result = "x, y, zn" + r;  //now you have the header
   var data = d3.csv.parse(result);
   //do your plotting with data
}

Answer 4

试试 d3.csvParse（text）

d3.csv.parseRows似乎在现代d3版本中不起作用。