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