更新后D3转换无效

Question

我想在SVG容器中已经绘制的方块旁边绘制正方形后进行转换。我在已绘制的方块旁边绘制新方块的代码如下（不工作）：

var calculation = numToDrawSquares - numDrawnSquares;
var selectedGroup = d3.select("#" + source + "Group");

// Loop to draw the missing squares
for(var j = 0; j < calculation; j++)
{
    var draw = selectedGroup.append("rect")
            .attr("class", source)
            .attr("x", x)
            .attr("y", y)
            .attr("width", 15)
            .attr("height", 15)
            .style("fill", color);

    draw.transition()
            .attr("y", y)
            .duration(3000)
            .delay(250);
}

我已经绘制的方块的代码如下（工作）：

        // SVG container
        container = d3.select("#" + source)
                .append("svg")
                .attr("class", "svgContainer")
                .attr("width", 81)
                .attr("height", 600);

        rectangleGroup = container.append("g")
                .attr("class", source + "_group" + " tooltip")
                .attr("id", source + "Group")

            // Drawing the squares
            rectangle = rectangleGroup.append("rect")
                    .attr("class", source)
                    .attr("x", x)
                    .attr("y", 0)
                    .attr("width", 15)
                    .attr("height", 15)
                    .style("fill", "#" + color)
                    .transition()
                        .attr("y", y)
                        .duration(1000)
                        .delay(250); 

有谁知道为什么我的第一个代码段中的转换不起作用？我该怎么做才能解决这个问题？