如何解决d3强制链接上的网络图形文本显示在Firefox中,而不显示在谷歌浏览器中知道为什么吗?
https://jsfiddle.net/ejy7n9wa/
以上是一个有效的jsfiddle。以chrome浏览,然后以Firefox浏览。适用于Firefox,不适用于Google Chrome。有人可以帮我在Chrome上使用它吗?
相关代码:
var link = svg.selectAll("line.link")
.data(json.links)
.enter().append("svg:line")
.attr("class","link")
.attr("id",function(d,i){
return "linkId_" + i;
})
.style('stroke','#333')
.attr("x1",function(d) {
return d.source.x;
})
.attr("y1",function(d) {
return d.source.y;
})
.attr("x2",function(d) {
return d.target.x;
})
.attr("y2",function(d) {
return d.target.y;
});
var labelText = svg.selectAll(".labelText")
.data(force.links())
.enter().append("text")
.attr("class","labelText")
.attr("dx",20)
.attr("dy",0)
.style("fill","red")
.append("textPath")
.attr("xlink:href",i) { return "#linkId_" + i;})
.text(function(d,i) { return "text for link " + i;});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。