弯曲曲线内的折线图

我是D3的新手，并学习它。我正在尝试构建曲线折线图。这是我想弯曲半圈内的折线图。如果有人能告诉我如何在D3中处理这个问题，这将会很有帮助。在下面的链接显示弯曲曲线内的折线图

东西： http://www.cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg

2014-10-18 user3202499

你能模拟一个例子吗？即使放手也是有帮助的。 – user1269942 2014-10-18 07:53:50

此链接显示kronominer的图像。我正在尝试在图片中显示的圆弧内构建折线图.http：//www.cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg – user3202499 2014-10-18 08:19:22

这非常类似于笛卡尔坐标绘制折线图，但使用D3的径向线功能而不是常规线功能。你的线的x坐标变成角度，而y坐标是径向距离。

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

这个Fiddle显示了一个简单的示例数据示例。

来源

2014-10-19 17:11:33

这就是我正在寻找的东西。谢谢安格斯，我已经实现了这一点，而我尝试的另一件事是将所有点都定义为弧内的长度，然后将其绘制。 RADIAL_X [RADIAL_NORMALISED_LENGTH] * COS（[RADIAL_ANGLE]） RADIAL_Y [RADIAL_NORMALISED_LENGTH] * SIN（[RADIAL_ANGLE]） – user3202499 2014-10-21 07:09:27

其称为Sunbusrt图，下面是几个环节，让你开始。

旭日分区中，麦克·博斯托克here

序列旭日通过kerryrodden here

希望它可以帮助

来源

2014-10-18 14:49:40 shabeer90

嗨Shabeer，谢谢你的建议。我正在寻找更多的东西，如下面的链接中显示的东西。我试图在与图像中显示的类似的弧中构建折线图。 cs.toronto.edu/~jianzhao/snapshots/kronominer.jpg – user3202499 2014-10-18 16:54:52

弯曲曲线内的折线图

回答

相关问题