D3.js - 无法读取属性'长度'未定义的

时间:2017-07-11 22:03:12

标签: d3.js svg linechart

以复数形式开设一门课程,其中一些材料已经过时了。想知道是否有人可以帮助我理解这个错误出了什么问题。学习将外部数据放入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属性,以便我能够显示数据?

0 个答案:

没有答案