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

Question

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

实施例： 一条线，其中心位于cx = 0，cy = 0，角度为pi / 4，但仅从起始半径4和终点半径7绘制。

我可以使用数学并自己完成工作，但d3.js似乎有一个radial line generator，但我发现文档很难掌握，是一个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]);