D3.js 使用D3绘制多个圆

我是D3图书馆的新手。我已经做了一些关于D3的基本教程，现在尝试可视化一些数据。让我先解释一下我的问题。我有两组数据，一组有50个元素

    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); })

此外，我还有另一个包含60个元素的数据，我希望在我已经绘制的圆的一侧绘制这60个点作为新的圆。我限制了新数据，但是问题是它总是画10个圆（见下面的代码），我理解，因为它已经绑定到50个圆，所以它添加了另外10个圆，这是我不想要的。请帮忙

 var nodes = vis.selectAll("circle").data(MdsData)
                   .enter()
                   .append("g");
                   nodes.append("circle")                  
                .attr("cx", function (d,i) {console.log("Xdd inst No:"+i +"cx"+xRangeN (d.x));return xRangeN (d.x); })
                .attr("cy", function (d,i) { console.log("Yd inst No:"+i+"cy"+yRangeN (d.y));return yRangeN (d.y); })
                .attr("r",3)

---

你看到了吗？是的，我读过这个教程。请注意，我希望再添加60个圆，我想保留我已经绘制的圆。在这篇教程之后，它似乎会再增加10个圆圈，但是我希望再画60个。你还没有理解这篇教程。它告诉您D3的数据绑定，这是您需要了解的。请再看一看。我又读了一遍，请看“输入元素”部分：它与四个元素的新数组重新绑定，结果绘制了四个圆，最后三个圆用新值重新绘制为新绑定数组。但是我希望除了最后三个圆外，它还应该绘制四个新的圆。作者建议使用“回车”方法，我也使用过这个方法。请看上面我的代码。看一下关于键函数的教程的最后一部分。你需要指定一个不同的键函数。你看到了吗？是的，我已经阅读了本教程。请注意，我希望再添加60个圆，我想保留我已经绘制的圆。在这篇教程之后，它似乎会再增加10个圆圈，但是我希望再画60个。你还没有理解这篇教程。它告诉您D3的数据绑定，这是您需要了解的。请再看一看。我又读了一遍，请看“输入元素”部分：它与四个元素的新数组重新绑定，结果绘制了四个圆，最后三个圆用新值重新绘制为新绑定数组。但是我希望除了最后三个圆外，它还应该绘制四个新的圆。作者建议使用“回车”方法，我也使用过这个方法。请看上面我的代码。看一下关于键函数的教程的最后一部分。您需要指定不同的键函数。