ChartJS Line example
var renderer = new reportjs.reportjs.Renderer(),
adapter = new reportjs.reportjs.ChartjsAdapter(),
options = {
data: {
dimensions: [{ id: 'Measures'}, { id: 'Year' }, { id: 'Month' }],
dimensionValues: [
[{ id: 'count', caption: 'My Count' }, { id: 'sum', caption: 'My Sum' }],
[{ id: '2013' }, { id: '2014' }],
[{ id: 'January' }, { id: 'February' }, { id: 'March' }]
],
cells: [
{value: 10, dimensionValues: [0, 0, 0]},
{value: 9, dimensionValues: [0, 0, 1]},
{value: 9, dimensionValues: [0, 0, 2]},
{value: 10, dimensionValues: [0, 1, 0]},
{value: 13, dimensionValues: [0, 1, 1]},
{value: 11, dimensionValues: [0, 1, 2]},
{value: 20, dimensionValues: [1, 0, 0]},
{value: 19, dimensionValues: [1, 0, 1]},
{value: 20, dimensionValues: [1, 0, 2]},
{value: 26, dimensionValues: [1, 1, 0]},
{value: 8, dimensionValues: [1, 1, 2]}
]
},
layout: {
type: 'graph',
labels: ['Year', 'Month'],
datasets: ['Measures']
}
},
graph = renderer.render(options);
adapter.renderGraphTo($('#mydiv'), graph);
The result