D3.js-force de graphique, ne peut pas afficher de texte/de l'étiquette de nœuds

Je ne peux pas afficher les étiquettes de nœuds à l'aide d'une force de mise en d3.js.

Je suis en train d'essayer avec cet exemple http://d3js.org/d3.v3.min.js

J'ai mis à jour ce code uniquement ajout de zoom, comme ceci:

var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').call(d3.behavior.zoom().on("zoom", redraw));

function redraw() {
    console.log("here", d3.event.translate, d3.event.scale);
    svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
    node.attr("transform", function(d) {
        return "translate(" + d.x + "," + d.y + ")";
    });
}

Pourquoi les étiquettes affichent pas?

OriginalL'auteur Giovanni Bitliner | 2013-03-30

  1. 3

    Vous avez besoin d'ajouter le texte:

    node.append("text")
    .attr("dx", ".10em")
    .attr("dy", ".10em")
    .text(function(d) { return d.name; });

    voir ces exemples:

    http://bl.ocks.org/mbostock/2706022

    http://bl.ocks.org/mbostock/1153292

    Pour la vie de moi je ne peux pas obtenir ces étiquettes s'affiche. J'ai commencé avec l'exemple ici bl.ocks.org/mbostock/4600693 qui fait déjà des info-bulles, mais ne fonctionne pas. Est-il une étape supplémentaire pour dire d3 que le texte de l'attribut doit être rendu?
    Attention à ne pas ajouter de l'élément de texte à l'intérieur du cercle. Si vous copier coller à partir de bl.ocks.org/mbostock/2706022 (avec étiquettes) et bl.ocks.org/mbostock/4062045 (sans étiquette) il y a peu de différences. Texte svg et cercle svg va ajoutés à un groupe de g élément.

    OriginalL'auteur Marjancek