你可以在使用d3.js时在文本中插入换行符吗？

我正在寻找一种使用d3.js在工具提示文本元素中使用换行符的方法。

.text("test" + "</br>" + "test") 

以上和其他类似的努力似乎并不奏效。

这里有一个线程似乎回答：

https://groups.google.com/forum/?fromgroups=#!topic/d3-js/GgFTf24ltjc

但解决scheme不是很清楚。 如何在上述情况下使用.html？

.text（.html（“test”+“”+“test”））

没有工作？

谢谢

Answer 1

它意味着用.html（）replace.text（）

 .text("test" + "<br/>" + "test") 

应该

 .html("test" + "<br/>" + "test") 

Answer 2

既然你已经知道你想破解文本的位置，你可以考虑只添加单独的元素。

 .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. 

Answer 3

对于第1行和第2行，使用“tspan”最好不要使用attribure dy = 0em和dy = 1.2em