d3.js強制導向圖的不同節點符號

Question

如何在d3.js的強制導向庫中顯示不同符號的節點？我想實現一些類似的什麼，我下面寫道：

var node = svg.selectAll(".node") 
     .data(graph.nodes) 
    .enter().append(function(d){return d.shape;}) 
     .attr("class", "node") 
     .attr("r", 5) 
     .style("fill", function(d) { return color(d.group); }) 
     .call(force.drag); 

每個節點都有一個編碼的形狀（「矩形」，「圓」等）。但是，我得到的錯誤：

Uncaught TypeError: Object function (d){return "circle";} has no method 'indexOf' 

另一個問題我有相關的是這樣的：我怎麼會爲每個形狀應用不同屬性之間進行切換？圈子需要「r」屬性細化，但rects需要「高度」和「寬度」。謝謝！

Answer 1

使用d3.svg.symbol，如在force-directed symbols示例中那樣。