2014-02-11 78 views
1
.link { 
    stroke: #999; 
    stroke-opacity: .2; 
    } 

.node { 
    stroke: #000; 
    stroke-width: 1.5px; 
    font: 10px sans-serif; 
} 

現在,你可以從其他地區:http://bl.ocks.org/mbostock/950642另一個D3文本添加到強制向圖

但這裏是我想做的事:我想在上面的例子中擺脫GitHub的形象,將其替換爲黑色圓圈(請參閱圖像),並將名稱命名爲圓圈右側,如果圓圈被拖動,則會隨圓圈一起移動(向右)。

我不知道如何做到這一點。我可以顯示姓名,但我無法顯示圈子。事實上,這些名字在黑圈應該在的地方,但我很幸運。

graph with black circles representing node

+0

有幾十力的例子有向圖用圓圈爲節點,爲什麼你從它的唯一目的是演示使用的實例工作作爲節點的圖像?此外,請查看徑向樹示例之一,瞭解它們如何根據圖所在的哪一側將文本設置爲某個點的左側或右側。 – AmeliaBR

+0

如果您想要更具體的幫助,請先發布自己的盡最大努力來編寫程序,而不是從別人的代碼中獲取CSS(無關緊要)。 – AmeliaBR

+0

如果我找到了一個(工作)的例子,我不會發布這個問題。 – lars

回答

1

追加圈的每個節點:(邊問題,你將如何讓他們向左?)。

試試這個代碼:

DEMO

var node = svg.selectAll(".node") 
     .data(json.nodes) 
    .enter().append("g") 
     .attr("class", "node") 
     .call(force.drag); 

    node.append("circle") 
     .attr("r", 6); 
+0

完美。我沒有意識到「g」很重要。 – lars