d3.js强制折叠标签

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

我需要的G标记追加再绕和文字：

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);