javascript - D3 : load hyperlink dynamically on click

Question

我是 D3 和 javascript 新手。我找到了适合我需要的树布局，现在我正在尝试使其动态显示信息。这是jsfiddle对于树。

现在，当您单击某个节点时，树顶部会显示一个超链接。问题是这只是一个文本字符串，而不是一个可点击的超链接。

我知道这与我的代码实际上没有告诉 D3 将其显示为超链接有关:

function click(d) {
  d3.select("#link").text(d.url);
  update(d);
}

我尝试使用 javascript link() method 使其工作，但不是很成功(调试器说:未找到 link() 方法)。如何将文本字符串转换为可点击的链接？

Answer 1

添加<a>标记为<div>显示您的链接:

<div>
  <a id="#link"></a>
</div>

然后，您可以更新链接标记，如下所示:

d3.select("#link")
  .attr("href", d.url)
  .text(d.url);