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

Question

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

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

以上和其他类似的努力似乎没有用。

这里有一个线索似乎回答了它：

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

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

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

不起作用？

由于

Answer 1

由于您已经知道要在哪里打破文本，因此您可以考虑添加单独的元素。

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

最好使用＆＃t; tspan＆＃39;对于第1行和第2行，两者都具有属性dy = 0em和dy = 1.2em