使用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

要添加“普通”链接（即锚标记），您只需执行

即可

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>");