Я использую svg в d3, когда tooltipText для заголовка круга имеет значение «line1 \ nline2», строка не разбивается на 2, а простопоказ необработанного текста "Line1 \ nline2".

пыталсяДобавить разрыв строки в подсказках а такжеМожете ли вы вставить разрыв строки в тексте при использовании d3.js?, но не работает

Есть ли способ получить этопоказать 2 строки вместо 1 строки с необработанным текстом?

то есть\n получил интерпретацию. Я предполагаю, что изменение ответа бэкенда не поможет, так как это ошибка уровня представления.

Большое спасибо.

Испытание-1, заменить на " "или" \ u000d "

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name"); // tooltipText is "line1\nline2"
 // trying to use entity code, not working. Also tried to replace with "\u000d"
 var tooltipText = node.attr("name").replace("\\n", "
"); 
 if (tooltipText) {
   node.select("circle").attr("title", tooltipText);
 }

также попытался добавить.attr("data-html", "true") Добавьте разрыв строки в подсказку в Bootstrap 3

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name"); // tooltipText is "line1\nline2"
 // trying to use entity code, not working. Also tried to replace with "\u000d"
 var tooltipText = node.attr("name").replace("\\n", "
"); 
 if (tooltipText) {
   node.select("circle")
     .attr("data-html", "true")
     .attr("title", tooltipText);
 }