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