javascript - 使用 d3.js 添加指向另一个页面的链接

Question

这可能真的很简单。我想添加一个链接到另一个页面。我正在尝试通过 d3 添加它。我是否在 JS 中添加另一个属性？我尝试了 .attr("src", "newPage.html") 和 .attr("url", "newPage.html") 但都不起作用。

如有任何建议，我们将不胜感激。谢谢。

   //JS
   var newLink = d3.select(".chart")
      .append("div")
      .html("Trend Graph")
      .attr("class", "populationTrend")


    //CSS
   .populationTrend{
       font-weight:400;
       margin-top:-15%;
       cursor:pointer;
       padding-left:70%;
       background-color:#039;
    }   

Answer 1

要添加“普通”链接(即 anchor 标记)，您可以简单地做

d3.select(".chart")
  .append("a")
  .attr("href", "newPage.html")
  .html("new page");

甚至

d3.select(".chart")
  .append("div")
  .html("<a href='newPage.html'>new page</a>");