Trying to implement the rickshaw module for graph creation in my application, I carefully followed the instructions provided here, but unfortunately, it did not work out as expected. Below is a snippet of my HTML:
<rickshaw
rickshaw-options="options1"
rickshaw-features="features"
rickshaw-series="series1">
</rickshaw>
This is an excerpt from my controller code:
app.controller('GraphsController', function ($scope ) {
$scope.options1 = {
renderer: 'area'
};
$scope.series1 = [{
name: 'Series 1',
color: 'steelblue',
data: [{x: 0, y: 23}, {x: 1, y: 15}, {x: 2, y: 79}, {x: 3, y: 31}, {x: 4, y: 60}]
}, {
name: 'Series 2',
color: 'lightblue',
data: [{x: 0, y: 30}, {x: 1, y: 20}, {x: 2, y: 64}, {x: 3, y: 50}, {x: 4, y: 15}]
}];
});
I'm stuck and unable to identify what I might be doing wrong. Any suggestions or insights would be highly appreciated. Thank you!