更新文本链接URL在d3

Updating text link URL in d3

本文关键字：d3 URL 链接 文本 更新      更新时间：2023-09-26

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

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

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

我不知道如何更改链接后，它已经设置。到目前为止，我只是试着打电话:

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

，但这不会更新它。

这里有一个jsfiddle的例子。

谢谢你的帮助

你是在添加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');

这里的工作代码

相关文章：