добавление меток к узлу в d3.js

Question

Я новичок в d3.js

Я пытаюсь добавить метки к своим узлам. Но что бы я ни пытался не работает .. Мой код здесь:

http://jsfiddle.net/Ymtg5/1/

Его месиво между http://bl.ocks.org/christophermanning/4208494 и силы направлены графики. В основном я читаю json-файл и создаю упомянутый граф. Теперь я хочу, чтобы добавить метки к узлу так же, как http://bl.ocks.org/mbostock/950642 Я попытался добавить следующие строки

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

но не работает. Любая помощь. предложения .. Thanks

Answer 1

Скорее всего, проблема заключается в том, что в ваших классах JSON нет «имени».

Права, это не проблема

Соответствующая часть коды выглядит следующим образом:

var node = svg.selectAll("path.node") 
    .data(nodes) 
    .enter().append("path").attr("class", "node") 
    .style("fill", function(d) { return fill(d.value); }) 
    .style("stroke", function(d) { return d3.rgb(fill(d.value)).darker(); }) 
    .call(force.drag); 

// HERE should go node manipulation to add the text 

force 
    .nodes(nodes) 
    .links(links) 
    .on("tick", tick) 
    .start(); 

function tick() { 

    //node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")";); 
    node.attr("d", function(d) { return clip({"type":"F {"type":"Point","coordin...   
    link.attr("d", function(d) { return clip({"type":"Feature","geometry":{ ... 

Я вставил строку комментария, где ваша манипуляция узла должна идти, если вы хотите для добавления меток к узлам. Вы делаете это внутри функции tick (ну, я думаю, вы пытаетесь сделать это там, код не в скрипке), и эта функция должна быть только для манипулирования attr узлов. Место для создания текста и добавления его к узлу вне функции.