javascript - 单击按钮打开一个新窗口并使用 D3 绘制多个大圆圈

Question

这个问题之前已经在这里回答过:On button click open a new window and draw a large circle with D3

在Mark给出的解决方案中:
http://jsfiddle.net/aj3g5tqg/38/

sampleSVG.append('svg')
.attr('width', 500)
.attr('height', 500) //<-- give the SVG some size
.append("circle")
.style("stroke", "gray")
.style("fill", "red")
.attr("r", 200)
.attr("cx", 250)
.attr("cy", 250)
...

我无法理解如何将多个圆圈附加到同一个 svg，例如在 for 循环中。
怎么做？提前致谢!

Answer 1

只需扩展附加单个圆圈的部分即可附加到循环内部。将第一个 svg 附加的结果转换为变量，然后迭代并附加到它:

var mySVG = sampleSVG.append('svg')
    .attr('width', 500)
    .attr('height', 500); //<-- give the SVG some size

for (var i=0; i < 250; i = i+10){
    mySVG.append("circle")
      .style("stroke", "gray")
      .style("fill", "red")
      .attr("r", 200)
      .attr("cx", i)
      .attr("cy", i)
}