d3中动态矩形和圆圈之间的区别？

Question

我很困惑为什么我能够创建一个svg，甚至在页面的DOM中定义了圆圈，但是，圆圈​​没有像矩形一样显示在页面上。

    var svgContainer = d3.select("body").append("svg")
                        .attr("width", 200)
                        .attr("height", 200);

    var populations = svgContainer.selectAll("circle")
                    .data(jsonCircle)
                    .enter()
                    .append("circle");

    var populationAttributes = populations
                    .attr("x", function (d) { return d.x_axis; })
                    .attr("y", function (d) { return d.y_axis; })
                    .attr("radius", function (d) {return d.radius;})
                    .style("fill", function (d) {return d.color;});

我正在尝试按照示例d3完全按照圆圈而不是矩形（https://www.dashingd3js.com/dynamic-svg-coordinate-space）

进行操作

Answer 1

circle的属性不是x，y和半径，它们是cx，cy和r。