![](/img/trans.png)
[英]Change xlink:href link of svg image when image does not exits in D3js?
[英]d3js: `xlink:href` is not working
我想实现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";});
它看起来像您需要将追加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); })
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.