如何从csv文件中提取数据并在D3.js中从中创建折线图
我一直在尝试从csv文件中提取数据,并从数据中绘制折线图。我的代码片段如下所示:如何从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; })
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确实支持它。 我所知道的解决方案是:
怎么了?第一步是确保文件已加载。添加上述数据。forEach:
if(错误)返回console.log(错误)
。有什么记录吗?