Discussion :

[anismegrine]

Bonjour,

Je fais appel à vos connaissances pour adapter ce code Java Script à mon besoin.
Le code je l'ai trouver sur le net, il permet de tracer un organigramme selon une requête sur une BDD mysql.
jusqu'à la tout marche bien, le problème se pose lorsque j'ajoute une information dans la box du style intitulé du poste en première ligne et son age en dessous que sa ce complique j'ai commencé par mettre "\n" ça n'a pas marché alors je suis passé à introduire une nouvelle section

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
	      nodeEnter.append("text")
               .attr("x", _rectW / 2)
               .attr("y", _rectH / 2)
               .attr("dy", ".35em")
               .attr("text-anchor", "middle")
               .style("cursor", function (d) { return (d.children || d._children || d.hasChild) ? "pointer" : "default"; })
               .text(function (d) {
                         return d.age;
               });

qui a marche sauf que la marge interligne entre les deux chaines de caractères est assez grande. Pouvez vous m'aider à la réduire de façon à ce que les informations s'affichent convenablement dans la box.
Merci

[NoSmoking]

Bonjour,
les éléments SVG <text> ne gérant pas les <br>, il faudrait au final que tu structures avec des éléments SVG <tspan> pour obtenir quelque chose comme

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<text y="10">
  <tspan x="10">Ligne 1</tspan>
  <tspan x="10" dy="15">Ligne 2</tspan>
</text>

ou

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<text y="10" x="10">
  Ligne 1
  <tspan x="10" dy="15">Ligne 2</tspan>
</text>