javascript - 删除 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