彎曲曲線內的折線圖

我是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

彎曲曲線內的折線圖

回答

相關問題