Question

在树形布局中单击父节点时，应退出链接和linktext。链接正在退出，但不是链接文本。这是jsfiddle project。我尝试了代码 - svg.selectAll(".line-label").remove();，它删除了所有不应该发生的标签的linkText。我期待的是点击节点，它从树的当前分支而不是从整个树本身退出linkText，如链接和节点。

Answer 1

你可以这样做在update：

中添加这样的链接

//add text to the link
svg.selectAll(".line-label").data(links).enter().append("text")
    .attr("font-family", "Arial, Helvetica, sans-serif")
    .attr("fill", "Black")
    .attr("class", "line-label")
    .style("font", "normal 12px Arial")
     .attr("transform", function (d) {
            return "translate(" + (d.target.y - 30) + "," + (d.target.x - 10) + ")";
        })
    .attr("text-anchor", "middle")
    .text(function (d) {

    return d.target.label;
});
//remove the link text in update
svg.selectAll(".line-label").data(links).exit().remove();

完整运行代码here

希望这能澄清您的担忧！：）

单击树布局中的父节点时，如链接和节点，linkText也应退出

1 个答案: