在D3中解组元素

在我看来,D3中似乎没有本机函数来解组元素。 因此,我尝试从组中删除元素,然后使用append方法重新创建元素 stackoverflow 回答。

不幸的是我的代码( fiddle )包含(至少)一个错误。我不明白是什么。

[创建四个红色圆圈,然后将第一个从所有圆圈组中分离出来后,将其颜色从红色更改为绿色]

    var svg = d3.select('svg');

    var dataSet = [10, 20, 30, 40];

    var group=svg.append("g");
    var circles = group.selectAll('circle')
    .data(dataSet)
    .enter()
    .append('circle')
    .attr("r",function(d){ return d })
    .attr("cx",function(d, i){ return i * 100 + 50 })
    .attr("cy",50)
    .attr("fill",'red');

    var circle=circles.select("circle");
    var removed = circle.remove();
    var newcircle=svg.append(function() {
        return removed.node();
    });
    d3.select(newcircle).attr("fill","green");