d3.js force-collapsible с метками

Question

На самом деле я интегрировал разборную функцию внутри графа направленной силы. Но когда я попытался поместить метку на каждый узел, я получил неожиданный результат.

Я сильфона код для добавления метки на узле:

node.enter().append("text") 
      .attr("class","node") 
      .attr("cx", function(d) { return d.x; }) 
      .attr("cy", function(d) { return d.y; }) 
      .on("click",click) 
      .text(function(d){return d.name}) 
      .call(force.drag); 

И ниже кода я написал внутри функции клеща:

node.attr("transform", function(d) { 
    return "translate(" + d.x + "," + d.y + ")"; 
}); 

Что я могу делать неправильно?

Answer 1

мне нужно добавить в г тег, а затем обвести и текст:

var nodeEnter = node.enter().append("g") 
     .attr("class", "node") 
     .on("click", click) 
     .call(force.drag); 

    nodeEnter.append("circle") 
     .attr("r", function(d) { return Math.sqrt(d.size)/10 || 8.5; }); 

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

    node.select("circle") 
     .style("fill", color);