Report.js

View the Project on GitHub youknowriad/report.js

Complex Example

Graph Line Example

Graph Bar Example

Graph Radar Example

Graph Pie Example

Graph Doughnut Example

Graph Polar Area Example

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