點擊刪除圓和路徑d3

Question

我想刪除一個路徑，它是當點擊文本標籤時放置在它上面的圓圈。

該行在點擊時被刪除，但我無法刪除這些圈子。

刪除路徑的d3代碼如下所示。

.on("click", function() { 
      // Determine if current line is visible 
      var active = d.active ? false : true; 
      var newOpacity = active ? 0 : 1; 
      // Hide or show the elements based on the ID 
      d3.select("#line" + d.key.replace(/\s+/g, '')) 
       .transition().duration(500) 
       .style("opacity", newOpacity); 
      // Update whether or not the elements are active 
      d.active = active; 
     }) 

請參閱整個代碼Plunker鏈接，一個更好的例子。

Plunker link

Answer 1

這是你在找什麼，做了一些修改，這裏是其中的圓圈消失 感謝 d3.selectAll(".dot"+d.key.replace(/\s+/,"")).transition().duration(500).style("opacity", newOpacity);

新增Plunker這裏plunker