你可以在使用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