Javascript 在曲线弧内弯曲折线图

我是D3新手，正在学习它。我正在尝试建立一个曲线图。那就是我想把折线图弯成半圆。如果有人能告诉我如何在D3中实现这一点，那将是很有帮助的

如下链接所示：

---

它被称为Sunbusrt图表，这里有一些链接可以帮助您开始

• 迈克·博斯托克的《阳光分割》
• 克里罗登太阳爆发序列

---

希望对您有所帮助

这非常类似于在笛卡尔坐标系中绘制折线图，但使用D3的径向线函数而不是常规的直线函数。直线的x坐标成为角度，y坐标成为径向距离

var line = d3.svg.line.radial()
    .radius(function(d){return r(d.y);})
    .angle(function(d){return theta(d.x);});

---

这是一个带有示例数据的简单示例。

您能模拟一个示例吗？即使是免费的，也会有帮助。这个链接显示了克罗诺米纳的形象。我正在尝试在一个类似于图中所示的弧线内创建线条图。嗨，沙比尔，谢谢你的建议。我正在寻找更像下面链接中所示的东西。我正在尝试在一个类似于图中所示的弧内构建线图。cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg这正是我想要的。感谢angus，我实现了这一点，我尝试的另一件事是将所有点标准化为圆弧内的长度，然后绘制它。径向X[径向归一化长度]*COS（[径向角度]）径向Y[径向归一化长度]*SIN（[径向角度]）