D3.js、force-graphはノードのテキスト/ラベルを表示できません

Question

d3.jsのforce-layoutを使ってノードのラベルを表示することはできません。

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 + ")"; 
    }); 
} 

なぜラベルが表示されません。

私はこの例で、このような私が唯一のズームを追加するコードを更新http://d3js.org/d3.v3.min.js

、としようとしていますか？

Answer 1

あなたが個別にテキストを追加する必要があります。

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

は、これらの例を参照してください。私の人生のために

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

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