Liens de texte de la structure arborescente d3.js

Je modifie une structure arborescente à partir de l'un des exemples d3 avec mon propre ensemble de données dans un fichier .json. J'ai une copie de travail avec mes propres données. Ce que je veux faire maintenant, c'est de modifier le texte afin qu'ils se lient aux URL correspondantes. Il ne semble pas y avoir beaucoup de documentation, que j'ai trouvé, sur la façon de le faire.

C'est l'arbre d'exemple que j'utilise: http://bl.ocks.org/1249394

Quelques suggestions sur l'endroit où commencer?

La façon la plus simple de le faire serait de mettre les liens dans l'élément "nom" dans le JSON. Vous devez ensuite créer svg:a éléments au lieu de svg:text éléments de svg:text pour les liens et svg:text éléments de svg:text eux. Par exemple, la ligne

 nodeEnter.append("svg:text").text(function(d) { return d.name; });

devient

 nodeEnter.append("svg:a").attr("xlink:href", function(d) { return d.name; }) .append("svg:text").text(function(d) { return d.name; });

Vous pouvez évidemment avoir des éléments JSON séparés pour le lien cible et le texte. Consultez la spécification SVG pour plus de détails sur la liaison.

Alternativement, vous pouvez utiliser svg:foreignObject pour intégrer HTML pour le lien. Voir ici pour plus d'informations.

Dunno, si cela est encore utile, mais vous ne pouvez utiliser que 1 votre JSON.

Il suffit de retourner d.something_else_than_name et ce "something_else_than_name" doit être décrit dans votre JSON après "nom".

Donc, par exemple

 {"name": "stackoverflow", "link": "http://stackoverflow.com"},

Et après cela dans votre page, vous le renvoyez, comme indiqué précédemment:

 .attr("xlink:href", function(d) { return d.link; })

J'espère que cela sera utile pour quelqu'un.