javascript - 将 HTML 链接分配给树节点文本

Question

似乎无法在 D3 树的节点上将 HTML 链接分配给文本...

完整代码位于:http://bl.ocks.org/Guerino1/raw/ed80661daf8e5fa89b85/

我使用以下代码(大约在第 162 行):

      nodeEnter.append("svg:a")
          .attr("xlink:href", function(d) { return d.hlink; })
        .append("text")
          .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
          .attr("dy", "-10")
          .attr("fill", "Blue")
          .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
          .text(function(d) { return d.name; })
          .style("fill-opacity", 1e-6);

该代码似乎适用于强制定向图，但我无法让它适用于这棵树。当我打开 DOM 树时，我发现即使存在 DOM 元素“a”和“文本”，也没有分配 HTML 链接。

Answer 1

您正在从数据中删除 href 属性。在传递给 update 函数时查看 nodes，然后在传递给 .data 函数时查看它。

这一行是罪魁祸首:var nodes = tree.nodes(root).reverse();

编辑:

更正:nodeByName 函数是罪魁祸首。

这样做:

function nodeByName(name) {

    for (var i = 0; i < nodeSet.length; i++){
        if(nodeSet[i].name === name) return nodeSet[i];
    }

    console.log("ERROR: This node name is not in the node set.")

    return nodeSet[name] = {name: name};

    //return nodeSet[name] || (nodeSet[name] = {name: name});
}