текст заголовка d3 не переносится на новую строку

Question

У меня есть текст заголовка d3, который содержит два tspans. и последний 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";
        });