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