我正在尝试将文本附加到条形图上创建的线条中。问题是我可以看到文本元素已创建。但它没有显示在 svg 上的任何地方。
我附加文本的代码部分
var line = svg.append("line")
.attr("x1", function(){ return x(lineEnd)})
.attr("x2", function(){ return x(lineEnd)})
.attr("y1", 0)
.attr("y2", height)
.attr("stroke-width", 6)
.attr("stroke", "black")
.attr("stroke-dasharray", "8,8")
line.append('text')
.attr('class', 'barsEndlineText')
.attr('text-anchor', 'middle')
.attr("x", 0)
.attr("y", ".35em")
.text('I am label')
完整代码请参见 plunker http://plnkr.co/edit/rIaNubXKWkjdVGfXsxzw?p=info
您不能附加text
to a line
。只需为文本创建另一个变量:
var myText = svg.append("text")
.attr("y", height - 10)//magic number here
.attr("x", function(){ return x(lineEnd)})
.attr('text-anchor', 'middle')
.attr("class", "myLabel")//easy to style with CSS
.text("I'm a label");
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)