Можете ли вы вставить разрыв строки в тексте при использовании d3.js?

Я ищу способ использовать разрыв строки в текстовом элементе tooltip, используя d3.js.

.text("test" +  "</br>" + "test")

Вышеупомянутые и другие подобные усилия, похоже, не работают.

Здесь есть поток, который, кажется, отвечает на него:

https://groups.google.com/forum/?fromgroups=#!topic/d3-js/GgFTf24ltjc

но решение не очень понятно. Как использовать .html в вышеуказанной ситуации?

.text(.html( "test" + "" + "test" ))

не работает?

Спасибо

Ответы

Ответ 1

Это означает заменить .text() на .html()

.text("test" +  "<br/>" + "test")

должен быть

.html("test" +  "<br/>" + "test")

Ответ 2

Поскольку вы уже знаете, где хотите разбить текст, вы можете рассмотреть возможность добавления отдельных элементов.

.append("text")
  .attr("dy", "0em")
  .text("line 1")   // "line 1" or whatever value you want to add here.

И затем для второй строки просто добавьте смещение

.append("text")
  .attr("dy", "1em") // you can vary how far apart it shows up
  .text("line 2")   // "line 2" or whatever value you want to add here.

Ответ 3

Лучше использовать "tspan" для строк 1 и 2 с атрибутом dy = 0em и dy = 1.2em