点击d3删除圆圈和路径

时间:2014-12-06 18:07:11

标签: javascript svg d3.js

我正在尝试删除路径,以及单击文本标签时放置在其上的圆圈。

点击后该行被移除,但我也无法移除圈子。

删除路径的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

1 个答案:

答案 0 :(得分:1)

这是你正在寻找的,做了一些改变,这里是圆圈消失的地方 谢谢 d3.selectAll(".dot"+d.key.replace(/\s+/,"")).transition().duration(500).style("opacity", newOpacity);

在此添加了Plunker plunker