删除svg形状元素

Question

            var circle = svg.selectAll("circle")

                .data(firstStateData)
                //circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red"
                .attr("class", ".circle1")
                .attr("r", 5)
                .attr("fill", "red")
                          .attr("cx", function (d)  {
                                 return x(d.City) + 5 + (x.rangeBand() / 2);
                           
                })
                .attr("cy", function (d)  {
                           return y(d.Cases) - 50;
                });

在上面的代码中，我如何删除圆圈svg？或者可能用其他形状的其他形状替换它？我是JS的新手，“删除”不会动态地从屏幕上删除它。

Answer 1

假设您正在使用D3（通过.selectAll，.data等等来判断），您可以这样做：

circle.remove();

https://github.com/mbostock/d3/wiki/Selections#remove