如何使用D3.js制作径向线段

Question

我想用极坐标创建一条线.

示例:一条线,其中心位于cx = 0,cy = 0,角度为pi/4,但仅从起始半径4和结束半径7绘制.

我可以使用数学并自己完成工作,但d3.js似乎有一个径向线生成器,但我发现文档很难掌握,是一个d3菜鸟.

Answer 1

使用线生成器相对简单.您可以将它与默认选项一起使用,并在数据中指定所有内容,如下所示:

 d3.svg.line.radial()([[4,Math.PI/4],[7,Math.PI/4]]);

或者,您只能提供更改的数据和其他所有内容作为默认值:

 var line = d3.svg.line.radial()
              .angle(Math.PI/4)
              .radius(function(d) { return d; });
 line([4,7]);