d3js：`xlink：href`不能正常工作

Question

我試圖按照post和here的說明將href應用到d3js圖表。我添加了一個簡單的href到this d3js條形圖，但它不起作用。這裏是我的代碼：
我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); })