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 Pie example

var renderer = new reportjs.reportjs.Renderer(),
    adapter = new reportjs.reportjs.ChartjsAdapter(),
    options = {
        data: {
            dimensions: [{ id: 'Year' }, { id: 'Month' }],
            dimensionValues: [
                [{ id: '2013' }, { id: '2014' }],
                [{ id: 'January' }, { id: 'February' }, { id: 'March' }]
            ],
            cells: [
                {value: 2, dimensionValues: [0, 0]},
                {value: 3, dimensionValues: [0, 1]},
                {value: 9, dimensionValues: [0, 2]},
                {value: 10, dimensionValues: [1, 0]},
                {value: 90, dimensionValues: [1, 1]},
                {value: 11, dimensionValues: [1, 2]}
            ]
        },
        layout: {
            type: 'segmentGraph',
            graphType: 'pie'
        }
    },
    graph = renderer.render(options);
adapter.renderSegmentGraphTo($('#mydiv'), graph);

The result