Javascript d3js/svg-没有固定坐标的多边形?
是否可以在d3js中创建SVG多边形形状而无需硬编码坐标 据我所知,创建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中)来定义坐标,就像下面链接的示例中所做的那样。
谢谢,
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(' ');
});
});
您可以使用与链接到的示例完全相同的方法。感谢您的评论!实际上,我一直在使用中给出的示例。在这个例子中,他们使用圆,但我想使用多边形。