2013-03-30 16 views
8

D3.js.'de bir kuvvet düzeni kullanarak düğümlerin etiketlerini görüntüleyemiyorum.D3.js, force-graph, düğümlerin metinlerini/etiketlerini görüntüleyemiyor

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

Neden etiketler gösterilmez:

Ben bu örnekte böyle sadece zoom ekleyerek bu kodu güncellenen http://d3js.org/d3.v3.min.js

ile çalışıyorum?

ayrı ayrı metin eklemek gerekir

cevap

3

: Ben görünmesini bu etiketleri alamayan Beni hayat için

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

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

+5

:

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

bu örneklere bakın . Buradaki örnekle zaten işe yarayan fakat çalışmayan http://bl.ocks.org/mbostock/4600693 ile başladım. Metin niteliğinin işlenmesi gerektiğini d3'e bildirmek için ek bir adım var mı? – Colin

+0

Dairenin içindeki metin elemanına eklenmemeye dikkat edin. Yapıştırmayı http://bl.ocks.org/mbostock/2706022 (etiketli) ve https://bl.ocks.org/mbostock/4062045 (etiketsiz) olarak kopyaladığınızda küçük farklar vardır. Metin ** svg ** ve ** circle ** svg bir gruba eklenir ** g ** öğesi. – user305883