簡單D3.js線圖收集每一個小時

Question

我真的上D3.js一個新手，我需要製作使用值時收集到的每一個小時

我是一個簡單的折線圖嘗試使用此D3.js樣本...

http://bl.ocks.org/d3noob/b3ff6ae1c120eea654b5

...它適應我的數據是這樣的

6/28/2016-10:2:0,24.3 
6/28/2016-9:2:0,23.2 
6/28/2016-8:2:0,22.2 
6/28/2016-7:2:0,21.5 
6/28/2016-6:2:0,21.2 
6/28/2016-5:2:0,20.8 
6/28/2016-4:2:0,21.6 
6/28/2016-3:2:0,21.6 
6/28/2016-2:2:0,22.0 
6/28/2016-1:2:0,22.4 
6/28/2016-0:2:0,23.3 
6/27/2016-23:2:0,25.0 
6/27/2016-22:2:0,25.4 
6/27/2016-21:2:0,27.0 

其中δ/ 28/2016-10： 2：0是時間（mm/dd/yyyy -hh：mm：sec）和24.3是我想繪製的值（請注意，如果需要，我可以修改此結構...）

如何設置時間格式我的情況，所以我如何修改以下幾行？

// Parse the date/time 
var parseDate = d3.time.format("%d-%b-%y").parse; 

這些是我必須修改以複製示例代碼和我的數據的唯一行嗎？

任何樣品/建議？

對不起，對於入門級的問題，我希望在此之後我可以以更獨立的方式移動我的下一步！

切薩雷

Answer 1

與您的數據應該工作例如在data.csv更換數據。 D3將自行縮放並繪製圖形上的值。如果你想改變X-規模，並希望包括時間，以及，你必須改變你已經從該行中提到的同一行的格式說明：

var parseDate = d3.time.format("%d-%b-%y").parse; 

這一行：

var parseDate = d3.time.format("%m/%d/%Y-%H:%M:%S").parse; 

我已經爲您的代碼添加了示例，請查看：line chart with date and time。

Here是可以使用的格式說明符列表，這裏是example。