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" 
      ...