javascript - 单击 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