d3.js - 如何使用 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]);