如何从csv文件中提取数据并在D3.js中从中创建折线图

如何从csv文件中提取数据并在D3.js中从中创建折线图,csv,d3.js,Csv,D3.js,我一直在尝试从csv文件中提取数据,并从数据中绘制折线图。我的代码片段如下所示: d3.csv("data_01.csv", function(error, data) { data.forEach(function(d) { d.date = parseDate(d.date); d.attendee = +d.attendee; }); x.domain(d3.extent(data, function(d) { return d.date; })

我一直在尝试从csv文件中提取数据,并从数据中绘制折线图。我的代码片段如下所示:

d3.csv("data_01.csv", function(error, data) {

    data.forEach(function(d) {
        d.date = parseDate(d.date);
        d.attendee = +d.attendee; });

x.domain(d3.extent(data, function(d) { return d.date; }));
    y.domain(d3.extent(data, function(d) { return d.attendee; }));

var line = d3.svg.line()
             .x(function(d) { return x(d.date); })
             .y(function(d) { return y(d.attendee); });

svg.append("path")
       .datum(data)
       .attr("class", "line")
       .attr("d", line);

}) ;
data_01.csv文件包含以下数据:

date, attendee
12-Feb-12,80
27-Feb-12,56
02-Mar-12,42
14-Mar-12,63
30-Mar-12,64
07-Apr-12,72
18-Apr-12,65
02-May-12,80
19-May-12,76
28-May-12,66
03-Jun-12,64
18-Jun-12,53
29-Jun-12,59
我不明白为什么会发生这个问题。这是因为csv文件的存储位置。请在这方面帮助我


谢谢

我也遇到了这个问题,发现它与跨来源资源共享有关。Chrome不支持它,但firefox确实支持它。 我所知道的解决方案是:

  • 使用Mozilla firefox或
  • 在服务器上部署应用程序,然后尝试访问它。您可以使用node

  • 怎么了?第一步是确保文件已加载。添加上述数据。forEach:
    if(错误)返回console.log(错误)
    。有什么记录吗?