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

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

试过了，但没用

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

i、 e.

\n

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

非常感谢

试用版-1，替换为“ ”或“\u000d”

还尝试添加

.attr（“数据html”，“true”）

---

我只是在参考资料后自己想出来的

我必须在以下两个地方换车：

将

\n

更改为

添加属性

.attr（“数据html”，“true”）

工作版本：

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);
 }

svgContainer.selectAll（“g.node”）.each（函数（）{
var节点=d3。选择（此）；
var tooltipText=node.attr（“名称”）；
var tooltipText=node.attr（“名称”）。替换（\\n“，”
）；
如果（工具文字）{
节点。选择（“圆”）
.attr（“数据html”、“真”）
.attr（“标题”，工具文字）；
}

我自己在参考之后才弄明白

我必须在以下两个地方换车：

将

\n

更改为

添加属性

.attr（“数据html”，“true”）

工作版本：

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);
 }

svgContainer.selectAll（“g.node”）.each（函数（）{
var节点=d3。选择（此）；
var tooltipText=node.attr（“名称”）；
var tooltipText=node.attr（“名称”）。替换（\\n“，”
）；
如果（工具文字）{
节点。选择（“圆”）
.attr（“数据html”、“真”）
.attr（“标题”，工具文字）；
}

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);
 }