Javascript 更新d3中的文本链接URL

我试图在d3中的折线图工具提示中实现一个链接。 类似于

链接将是数据的属性，因此我希望能够更改链接，因为工具提示关注数据的不同部分

我不使用div，因为我希望有一个响应页面，不想使用绝对定位

我不知道设置链接后如何更改链接。 到目前为止，我刚刚试着打电话：

  .attr("xlink:href", 'http://www.yahoo.com') 

第二次，但这不会更新它

下面是一个JSFIDLE示例

---

感谢您的帮助。

您正在将href添加到文本DOM中，因此：

 d3.select('.tlink') //it will give you the text DOM
     .attr("xlink:href", 'http://www.yahoo.com') //< link does not change?
     .style('fill', 'red');

d3.select（'.tlink'）//它将为您提供文本DOM
.attr（“xlink:href，”http://www.yahoo.com“）/<链接不更改吗？
.样式（“填充”、“红色”）；

这样做：

 d3.select('a')//select anchor 
     .attr("xlink:href", 'http://www.yahoo.com') //< link does not change?
     .style('fill', 'red');

d3.select（'a'）//选择锚点
.attr（“xlink:href，”http://www.yahoo.com“）/<链接不更改吗？
.样式（“填充”、“红色”）；

工作代码