d3标题tspan文字不会转到新行

Question

我有d3标题文本，其中包含两个tspan。最后一个tspan具有display：block属性，但仍然不会换行。

这里是链接：https://codepen.io/anon/pen/exJROb

JavaScript

var ttl = nodeg.append("title");
  ttl.append("tspan").text(function(d) { return d.data.name })
  ttl.append("tspan").text(function(d) { return "Records: " + d.data.count });

Css

tspan:nth-child(2n) {
              display: block;
            }

任何想法我该如何解决，以便工具提示的第二部分转到新行？

谢谢

Answer 1

我找到了使用“ \ n”换行符而不是使用tspan和css的解决方案。

https://codepen.io/anon/pen/jdWLyO

nodeg.append("title")
        .text(function(d) {
            return d.data.name + "\n" + "test";
        });