我正在尝试按照post和here中的说明实施href
到d3js图表。我添加了一个简单的href
到this d3js条形图,但它不起作用。这是我的代码:
我在xlink
中导入了html
:
<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";});
答案 0 :(得分:2)
您似乎还需要附加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); })