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