弯曲曲线内的折线图
我是D3的新手,并学习它。我正在尝试构建曲线折线图。这是我想弯曲半圈内的折线图。如果有人能告诉我如何在D3中处理这个问题,这将会很有帮助。在下面的链接显示弯曲曲线内的折线图
东西: http://www.cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg
这非常类似于笛卡尔坐标绘制折线图,但使用D3的径向线功能而不是常规线功能。你的线的x坐标变成角度,而y坐标是径向距离。
var line = d3.svg.line.radial()
.radius(function(d){return r(d.y);})
.angle(function(d){return theta(d.x);});
这个Fiddle显示了一个简单的示例数据示例。
这就是我正在寻找的东西。谢谢安格斯,我已经实现了这一点,而我尝试的另一件事是将所有点都定义为弧内的长度,然后将其绘制。 RADIAL_X [RADIAL_NORMALISED_LENGTH] * COS([RADIAL_ANGLE]) RADIAL_Y [RADIAL_NORMALISED_LENGTH] * SIN([RADIAL_ANGLE]) – user3202499 2014-10-21 07:09:27
嗨Shabeer,谢谢你的建议。我正在寻找更多的东西,如下面的链接中显示的东西。我试图在与图像中显示的类似的弧中构建折线图。 cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg – user3202499 2014-10-18 16:54:52
你能模拟一个例子吗?即使放手也是有帮助的。 – user1269942 2014-10-18 07:53:50
此链接显示kronominer的图像。我正在尝试在图片中显示的圆弧内构建折线图.http://www.cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg – user3202499 2014-10-18 08:19:22