DdddddddMéléldiceadéléldiceademetéleterélieélieélieélieélemetteachélieélieélieélemetteachélieélieélieélieélieélieélemetteachélieélieélieélemetteachélieélie Javascript Girl

Je cherche un moyen d'utiliser une rupture de ligne dans un élément de texte à base d'outils en utilisant d3.js.

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

Ce qui précède, et d'autres efforts similaires, ne semblent pas fonctionner.

Il y a un fil qui semble répondre:

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

Mais la solution n'est pas très claire. Comment pourrait .html être utilisé dans la situation ci-dessus?

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

N'a pas fonctionné?

Merci

Cela signifie remplacer .text () par .html ()

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

devrait être

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

Puisque vous savez déjà où vous voulez briser le texte, vous pouvez envisager d'ajouter des éléments distincts.

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

Et puis pour la deuxième ligne, ajoutez simplement un décalage

 .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.

Mieux vaut utiliser 'tspan' pour la ligne 1 et la ligne 2 à la fois avec attribure dy = 0em et dy = 1.2em