删除 SVG 形状元素

removing an svg shape element

本文关键字：元素 状元 SVG 删除      更新时间：2023-09-26
            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的新手，"删除"不会将其从屏幕上动态删除。

假设您使用的是 D3（从您的 .selectAll、.data 等调用来看），您可以这样做：

circle.remove();

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

相关文章：