d3js：`xlink：href`不起作用

Question

我想實現href到d3js圖表作為在這個解釋后 ，並在這里 。 我在此 d3js條形圖中添加了一個簡單的href ，但是它不起作用。 這是我的代碼：
我在html導入了xlink ：

<myatr xmlns:xlink="http://www.w3.org/1999/xlink">

</myatr>

這是我的d3js代碼的一部分，

svg.selectAll(".bar")
      .data(data)
      .enter().append("rect")
      .attr("class", "bar")
      .attr("x", function(d) { return x(d.letter); })
      .attr("width", x.rangeBand())
      .attr("y", function(d) { return y(d.frequency); })
      .attr("height", function(d) { return height - y(d.frequency); })
      .attr("xlink:href",function(d){return "www.google.com";});

Answer 1

它看起來像您需要將追加a標簽了。 嘗試這個：

svg.selectAll(".bar")
      .data(data)
    .enter().append("a")
      .attr("xlink:href", "www.google.com")
    .append("rect")
      .attr("class", "bar")
      .attr("x", function(d) { return x(d.letter); })
      .attr("width", x.rangeBand())
      .attr("y", function(d) { return y(d.frequency); })
      .attr("height", function(d) { return height - y(d.frequency); })