javascript - 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。