Простой 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; 

Являются ли это единственными строками, которые я должен изменить, чтобы воспроизвести образец кода с моими данными?

Любые образцы/предложение?

Извините за вопрос начального уровня, я надеюсь, что после этого я мог бы продвигать свои дальнейшие шаги более независимым образом !!!

Чезаре

Answer 1

Замена данных в data.csv в примере с данными должны работать. D3 будет масштабировать и строить график на самом графике. Если вы хотите изменить й-масштаб и хотите включить время, как хорошо, вы должны изменить спецификатор формата в той же строке, что вы упоминали от этой линии:

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.