简单的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

其中6/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;

为了用我的数据复制示例代码，我只需要修改这几行吗？

有什么样本/建议吗？

对于入门级的问题我很抱歉，我希望在这之后我可以以更独立的方式移动我的下一步！

Cesare

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。