删除一个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，。数据来看，电话等），你可能只是这样做：

circle.remove(); 

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