2013-10-23 50 views
0

我看到很多JS時間線的例子,但我想表示連續/循環的數據。我想要做的是在圓圈上顯示4個「季節」,突出顯示當前日期適用的圓圈部分,並且可能具有一些交互/鼠標懸停功能以顯示更多信息。JS圓形日曆/彈性計的任何想法?

我附上了一個簡單的圖。我是一個新手編碼器,但已經處理了足夠長的JS,如果我有一個通用模板,我可以使它適合我的目的。

有誰知道一個JS腳本,可以支持這個或什麼最好的方式來實現這個是什麼?我猜圈子必須有「映射」的日期,所以動態數據將會是日期,但腳本會知道圓圈的哪一部分對應於哪個日期。

我已經看過量表可以從他們的圖表API中做類似的事情,比如谷歌衡量,但是沒有足夠的靈活性。

非常感謝! example chart

回答

0

您可以從Javascript餅圖開始,然後從那裏開始工作。 d3js可能是你最好的選擇。

你可以組織你的數據如下:

Activity,Start,End 
Basketball,Jan 1, Mar 31 
Tennis, April 1, Aug 24 
... 

然後在代碼,並將其轉換爲天,喂餅圖數據做百分比。最後,在圓弧和餅圖周圍創建標籤。

下面是一個例子入手:

http://vida.io/documents/gSvr8dAH23eirKQDp