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

每个节点都会有一个编码形状（“rect”，“circle”等）。 但是，我收到以下错误：

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

我有一个相关的问题：我如何在应用不同形状的属性之间切换？圆需要细化“r”属性，但矩形需要“height”和“width”。谢谢！

- user1114864

Answer 1

使用 d3.svg.symbol，就像在 force-directed symbols 示例中一样。

- mbostock