d3圆形标题工具文字的换行符

Question

我使用的是d3的svg，当圆标题的ToolTiptText为“line1\nline2”时，该行不会被分成2行，而只是显示原始文本“line1\nline2”。

尝试在工具提示中添加换行符和在使用d3.js?但不工作时可以在文本中插入换行符吗

有没有办法让它显示两行而不是一行原始文本？

i、 e.\n已被解释。我认为更改后端响应不会有帮助，因为这是表示层的一个bug。

谢谢。

试用版-1，替换为“

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name"); // tooltipText is "line1\nline2"
 // trying to use entity code, not working. Also tried to replace with "\u000d"
 var tooltipText = node.attr("name").replace("\\n", "&#013"); 
 if (tooltipText) {
   node.select("circle").attr("title", tooltipText);
 }

还尝试添加。属性（“数据html”，“true”）在引导3的工具提示中添加换行符

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name"); // tooltipText is "line1\nline2"
 // trying to use entity code, not working. Also tried to replace with "\u000d"
 var tooltipText = node.attr("name").replace("\\n", "&#013"); 
 if (tooltipText) {
   node.select("circle")
     .attr("data-html", "true")
     .attr("title", tooltipText);
 }

Answer 1

在参考了如何使Twitter引导工具提示具有多行内容后，我自己才明白这一点？

我必须改变以下2个地方：

1. 将\n更改为

工作版本：

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name");
 var tooltipText = node.attr("name").replace("\\n", "<br />"); 
 if (tooltipText) {
   node.select("circle")
     .attr("data-html", "true")
     .attr("title", tooltipText);
 }