在d3中更新文本链接URL

Question

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

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

我没有使用div，因为我想要一个响应式页面，并且不想使用绝对定位。

我无法弄清楚如何在设置后更改链接。 所以，我刚刚试着打电话：

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

第二次，但这不会更新它。

jsfiddle示例是here。

感谢您的帮助。

Answer 1

您正在将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('a')//select anchor 
     .attr("xlink:href", 'http://www.yahoo.com') //< link does not change?
     .style('fill', 'red');

工作代码here