使用layout.pack

Question

標籤在外部沒有重疊的圓圈外部位置我對d3很新，我正在使用d3.layout.pack創建圖表。

我想將每個圓圈的文字標籤放在圓圈外，但不會與其他標籤或其他圓圈重疊。

像這樣： bubble chart using d3.layout.pack

任何想法？

非常感謝

PD：this is我已經試過：

var nodes = d3.layout.pack() 
    .value(function(d) { return d.size; }) 
    .size([w, h]).padding(333) 
    .nodes(data); 

Answer 1

我建議另一種方法：放置labels/text沿着圓圈的頂部，只爲相當大的圓圈。 ..這不會完全解決重疊問題，但在我看來，視覺組織會更好。

下面是說明該方法的示例的jsfiddle。

細節在another SO question/answer