d3：在分层边缘绑定中添加链接到节点

Question

我是d3/HTML/JS的超级初学者，我有一个关于向图中的节点添加链接的问题。我所有的代码是基于：https://gist.github.com/mbostock/7607999

我想补充一点，导致每个节点的另一个HTML文件的链接。这是否有可能给出了代码的结构？

Answer 1

这里有一个简单的方法来实现这一目标：

node = node 
    .data(nodes.filter(function(n) { return !n.children; })) 
    .enter() 
    .append('a') 
    .attr("xlink:href", 'http://www.google.com' /*function(d){return d.url;}*/) 
    .append("text") 
    .attr("class", "node") 
    ... 

我注释掉的代码，这将使基于数据链路（即你会在你的输入数据的URL字段）。

每请求，例如URL中的数据：

"children": [ 
{ 
    "name": "John Doe", 
      "size": 1458, 
      "url": "http://www.johndoe.com" 
      ...