你可以在使用d3.js时在文本中插入换行符吗?
我正在寻找一种使用d3.js在工具提示文本元素中使用换行符的方法。
.text("test" + "</br>" + "test")
以上和其他类似的努力似乎并不奏效。
这里有一个线程似乎回答:
https://groups.google.com/forum/?fromgroups=#!topic/d3-js/GgFTf24ltjc
但解决scheme不是很清楚。 如何在上述情况下使用.html?
.text(.html(“test”+“”+“test”))
没有工作?
谢谢
它意味着用.html()replace.text()
.text("test" + "<br/>" + "test")
应该
.html("test" + "<br/>" + "test")
既然你已经知道你想破解文本的位置,你可以考虑只添加单独的元素。
.append("text") .attr("dy", "0em") .text("line 1") // "line 1" or whatever value you want to add here.
然后对于第二行,只需添加一个偏移量
.append("text") .attr("dy", "1em") // you can vary how far apart it shows up .text("line 2") // "line 2" or whatever value you want to add here.
对于第1行和第2行,使用“tspan”最好不要使用attribure dy = 0em和dy = 1.2em