Диаграмма с временными рядами с использованием Рикши. формат входных данных

Question

Я готов нарисовать диаграмму с Rickshaw (javascript библиотека, работающая с D3). Мои данные выглядят следующим образом:

var data = [{x : '10:16:00', y : 35.75}, {x : '10:17:00', y : 35.78}, {x : '10:18:00', y : 31.04}]; 

Но это просто не работает с простым кодом, такие как:

var graph = new Rickshaw.Graph({ 
    element: document.querySelector("#chart"), 
    width: 200, 
    height: 200, 
    series: [{ 
     color: 'steelblue', 
     data: data 
    }] 
}); 

graph.render(); 

сообщение об ошибке считывает данные indefined. Мне кажется, проблема связана с тем, что мои x s являются строками и не являются, например, целыми числами.

Должен ли я лить x s в некоторый формат времени ? Как мне это сделать?

Answer 1

Вам нужно будет определить x-axis как сроки:

var xAxis = new Rickshaw.Graph.Axis.Time({ 
    graph: graph, 
}); 
xAxis.render(); 

Затем вы даете данные x оси, как (для первого):

new Date(2014, 11, 4 , 10, 16, 0, 0).getTime() 

или с помощью какого-либо другого Date конструктора ,