Report

Company monthly report with charts

Template	Result

Example template file

Example result file

Data:

{
    "chartBar": {
        "type": "bar",
        "width": 400,
        "height": 200,
        "data": {
            "labels": [
                "Mar 1 week",
                "Mar 2 week",
                "Mar 3 week",
                "Mar 4 week",
                "Apr 1 week",
                "Apr 2 week",
                "Apr 3 week"
            ],
            "datasets": [
                {
                    "label": "Users Income",
                    "data": [
                        1,
                        2,
                        1,
                        4,
                        1,
                        2,
                        1
                    ],
                    "backgroundColor": [
                        "rgb(37 89 99)"
                    ]
                }
            ]
        }
    },
    "chartPie": {
        "type": "pie",
        "width": 200,
        "height": 200,
        "data": {
            "labels": [
                "Invoice",
                "Document",
                "Resume"
            ],
            "datasets": [
                {
                    "label": "Template type",
                    "data": [
                        300,
                        50,
                        100
                    ],
                    "backgroundColor": [
                        "#E87F24",
                        "rgb(54, 162, 235)",
                        "rgb(37 89 99)"
                    ],
                    "hoverOffset": 4
                }
            ]
        }
    },
    "chartLine": {
        "type": "line",
        "width": 600,
        "height": 200,
        "data": {
            "labels": [
                "Mar 1 week",
                "Mar 2 week",
                "Mar 3 week",
                "Mar 4 week",
                "Apr 1 week",
                "Apr 2 week",
                "Apr 3 week"
            ],
            "datasets": [
                {
                    "label": "Requests per week",
                    "data": [
                        1546,
                        2257,
                        2789,
                        5167,
                        6248,
                        7589,
                        7927
                    ],
                    "fill": false,
                    "borderColor": "rgb(37 89 99)",
                    "tension": 0.1
                }
            ]
        }
    }
}