在d3中绘制三角形的惯用方式

dagda1

我有以下代码在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。请参阅此处的文档:

https://github.com/mbostock/d3/wiki/SVG-Shapes#wiki-symbol

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章