d3 画rect的问题

Question

//矩形
    ...
    var gridWidth = width/allSingleYears.length;
    var rect = svg.append("g")
    .append("rect")
    .data(data)
    .enter()
    .attr("x", 10)//这段代码怎么了？为什么提示出错？
    .attr("y", 10)
    .attr("width", function(d){
      return gridWidth;
    })
    ...

错误信息：

全部代码(https://codepen.io/lvsjack/pe...

Answer 1

知道原因了，因为var rect = svg.append("g").append("rect")这里只生成了一个"rect"。使用selectAll就可以将所有数组内容调出。