以复数形式开设一门课程,其中一些材料已经过时了。想知道是否有人可以帮助我理解这个错误出了什么问题。学习将外部数据放入d3。这仍然在D3的第3版中运行。我也对第4版的回复持开放态度。
我的CSV设置如下:
month,sales
20130101,38
20130201,35
20130301,41
20130401,55
20130501,58
20130601,66
20130701,74
20130801,78
20130901,38
20131001,30
20131101,26
20131201,29
我正在运行我的localhost,所以获取数据很好,我可以通过console.log看到它。我试图用数据描绘折线图,但我遇到了获取x和y坐标的错误。
var h = 100;
var w = 400;
var ds;
d3.csv("MonthlySales.csv", function(error, data) {
if (error) {
console.log(error)
} else {
console.log(data);
ds = data;
}
})
var lineFun = d3.svg.line()
.x(function(d) { return ((d.month - 20130001/ 3.25));})
.y(function(d) { return h - d.sales;})
.interpolate("linear")
var svg = d3.select("body")
.append("svg")
.attr({ width: w, height: h});
var viz = svg.append("path")
.attr({
d: lineFun,
"stroke": "purple",
"stroke-width": 2,
"fill": "none"
});
我应该如何更改变量lineFun或变量viz的d属性,以便我能够显示数据?