Диаграмма с временными рядами с помощью Rickshaw. формат входных данных

Я хочу нарисовать диаграмму с 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();

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

Должен ли я преобразовать xs в какой-то формат времени javascript? Как я могу это сделать?


javascript format d3.js time rickshaw
person tagoma    schedule 18.10.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вам нужно будет определить 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.

person Binaek Sarkar    schedule 04.11.2014