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

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

例如： 中心位于cx=0，cy=0，角度为pi/4，但仅从起点半径4和终点半径7绘制的直线

---

我可以使用数学，自己做这项工作，但是d3.js似乎有一个很好的例子，但是我发现文档很难掌握，因为我是d3 noob

使用线生成器相对简单。您可以将其与默认选项一起使用，并指定数据中的所有内容，如下所示：

 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]);

---

对于像这样的特定事情，最好直接使用那里可用的原语来构建SVG（？）路径。对此不确定！这里是一个圆弧的D3代码：D3.svg.arc（）.innerRadius（140）、outerRadius（200）、startAngle（degToRad（90））.endAngle（degToRad（112.5）），这里是该圆弧的外部曲线的svg:a200200,0,0,1184.7759,76.5367不好硬编码分数x，y坐标。好的，所以您可以从数据中指定一个恒定的角度和半径

[4,7]

。我想你指的是极坐标而不是笛卡尔坐标？哎呀，我的术语搞错了。很抱歉您是否尝试过类似于

d3.svg.line.radial（）（[[4，Math.PI/4]，[7，Math.PI/4]）

？谢谢！第二个例子看起来非常有用，但我必须回到“面向对象的Javascript”一书中去了解它！