使用D3绘制多个圆圈

Question

我是D3库的新手。我已经完成了D3的一些基础教程，现在尝试可视化一些数据。让我先解释一下我的问题。我有两组数据，其中一组有50个元素。我使用我的SVg元素限制了这个数据数组，使用以下代码绘制50个圆圈。

http

我还有另外一个包含60个元素的数据，我希望将这60个点作为新圆圈绘制在我已绘制的圆圈的旁边。我限制了新的数据，但问题是它总是绘制10个圆圈（见下面的代码），我明白因为它已经绑定到50个圆圈所以它增加了另外10个圆圈，我不想要。请帮助。

    var nodes = vis.selectAll("circle").data(sampleData, function (d,i){return i;})
    .enter()
   .append("g");
    nodes.append("circle")
    .attr("cx", function (d,i) {console.log("d"+d +"i"+i);
    Cxs[i]= xRange (d.x);return xRange (d.x); })
    .attr("cy", function (d,i) {Cys[i]= yRange (d.y); return yRange (d.y); })