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