Javascript d3js/svg-没有固定坐标的多边形?

Javascript d3js/svg-没有固定坐标的多边形?,javascript,svg,d3.js,Javascript,Svg,D3.js,是否可以在d3js中创建SVG多边形形状而无需硬编码坐标 据我所知,创建SVG多边形形状的最常见方法是硬编码坐标,如下面链接的示例所示 但我不想硬编码坐标,因为我想使用力导向布局算法(在d3js中)来定义坐标,就像下面链接的示例中所做的那样。 谢谢, Erno Lindfors请参见以下答案: 它适用于强制布局,例如 var polygon = svg.selectAll('polygon') .data([nodes]) .enter() .append('polygon')

是否可以在d3js中创建SVG多边形形状而无需硬编码坐标

据我所知,创建SVG多边形形状的最常见方法是硬编码坐标,如下面链接的示例所示

但我不想硬编码坐标,因为我想使用力导向布局算法(在d3js中)来定义坐标,就像下面链接的示例中所做的那样。

谢谢,
Erno Lindfors

请参见以下答案:

它适用于强制布局,例如

var polygon = svg.selectAll('polygon')
  .data([nodes])
  .enter()
  .append('polygon')
  .style('fill', 'green');

force.on('tick', function() {
  polygon.attr('points',function(d){
    return d.map(function(d) {
      return [d.x,d.y].join(',');
    }).join(' ');
  });
});

您可以使用与链接到的示例完全相同的方法。感谢您的评论!实际上,我一直在使用中给出的示例。在这个例子中,他们使用圆,但我想使用多边形。