ISO8601 Дата Формат времени D3

Question

Я пытаюсь отобразить метку времени на моем графике линии D3. Мои данные находятся в JSON. Дата выглядит так: '2015-04-02T23: 10: 00'. В настоящее время он форматируется следующим образом: var timeFormat = d3.time.format ('% Y-% m-% dT% H:% M:% S'); Когда на графике, она отображается следующим образом: Mon Jun 29 2015 9:50:00 GMT-0500 (Центральное летнее время)

Я хотел бы иметь возможность отформатировать его, чтобы он только показывает время , Например, 09:50:00. Я пробовал timeFormat к чему-то другому, и это не сработало. Мы ценим любые предложения.

Answer 1

Вам нужно будет провести различие между синтаксическим разбором и строкой/форматированием. Так что используйте

var inputFormat = d3.time.format.iso; // or d3.time.format('%Y-%m-%dT%H:%M:%S'); 
var outputFormat = d3.time.format('%I:%M:%p'); // or whatever 

, а затем сделать

d3.select('#time').text(formatTime(d)); 
function formatTime(d) { 
    return outputFormat(inputFormat.parse(d.metricDate)); 
} 

(хотя в идеале metricDate не будет строка, но полученная дата объектом разбора даты при загрузке исходных данных)

См https://github.com/mbostock/d3/wiki/Time-Formatting для дальнейшего использования.