使用d3.js读取csv文件时出错

时间:2014-02-19 06:25:30

标签: javascript csv d3.js

我是d3.js的新手。非常感谢任何帮助 csv文件是

Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38

代码是

d3.csv("../test/car.csv", function(d) {
  return {
    year: new Date(+d.Year, 0, 1), // convert "Year" column to Date
    make: d.Make,
    model: d.Model,
    length: +d.Length // convert "Length" column to number
  };
}, function(error, rows) {
  console.log(rows);
});

预期结果是

[
  {"Year": "1997", "Make": "Ford", "Model": "E350", "Length": "2.34"},
  {"Year": "2000", "Make": "Mercury", "Model": "Cougar", "Length": "2.38"}
]

但是我收到以下错误Uncaught SyntaxError:Unexpected token ILLEGAL

还显示长度为86但我在csv文件中只有2个条目不确定发生了什么

1 个答案:

答案 0 :(得分:0)

我想musical_ut评论将解决您的主要问题。但是,您也不会迭代您的数据。


d中的数据是一个数组,每个条目都是一行。

因此,如果你这样做了:

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

我猜你会得到想要的结果。

如果您想浏览数据,可以执行以下操作:

d3.csv("../test/car.csv", function(d) {
  d.forEach(function(data,index){
    // do something with row of index `index` with its data `data`
  })
}, function(error, rows) {
  console.log(rows);
});