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示例中那样。