我有以下代码在d3中绘制了一个三角形:
var trianglePoints = xScale(3) + ' ' + yScale(18) + ', ' + xScale(1) + ' ' + yScale(0) + ', ' + xScale(12) + ' ' + yScale(3) + ' ' + xScale(12) + ', ' + yScale(3) + ' ' + xScale(3) + ' ' + yScale(18);
console.log(trianglePoints);
svg.append('polyline')
.attr('points', trianglePoints)
.style('stroke', 'blue');
这是一个jsbin,显示了它的作用。
我很想知道这是在d3中最好的方法还是有更好的方法?
D3的创建者Mike Bostock认为您正在做的事是最好的方法:https : //groups.google.com/forum/#!topic/ d3-js/kHONjIWjAA0
是的,我可能会在此处使用带有自定义“ d”属性的path元素。
绘制三角形(但更适用于散点图)的另一个选项是使用d3.svg.symbol。请参阅此处的文档:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句