Отображение оси X и Y в диаграммах Рикши

Question

У меня есть несколько данных и их количество. Я хочу отобразить его, используя диаграмму рикши. Как я могу отображать данные и рассчитывать по оси X и Y соответственно. Все, что у меня есть, это:

var graph = new Rickshaw.Graph({ 
    element: document.querySelector("#chart"), 
    renderer: 'bar', 
    series: [{ 
     data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 12 }, { x: 3, y: 81 }, { x: 4, y: 40 }, { x: 5, y: 49 }, { x: 6, y: 12 },{ x:7, y: 12 }], 
     color: 'steelblue' 
    }] 
}); 

graph.render(); 

Который отображает планку без оси X и Y. как мы можем отображать оси X и Y в гистограммах?

Answer 1

Из rickshaw page on ShutterStock:

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

xAxis.render(); 

var yAxis = new Rickshaw.Graph.Axis.Y({ 
    graph: graph 
}); 

yAxis.render(); 

Answer 2

Для глубины скринкасто о том, как сделать график с осями х и у, в том числе масштабирования и панорамирования с рикшей (в angularjs) над головой: http://tagtree.tv/d3-with-rickshaw-and-angular