sipadu_mbip/public/pages/invoice-summary/invoice-summary.js

"use strict";
$(document).ready(function() {
    /*Bar chart*/
    var data1 = {
        labels: ['jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
        datasets: [{
            label: "Sales",
            backgroundColor: [
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252',
                '#ff5252'
            ],

            data: [65, 59, 80, 81, 56, 55, 50, 45],
        }, {
            label: "Expense",
            backgroundColor: [
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe',
                '#536dfe'
            ],

            data: [60, 69, 85, 91, 58, 50, 45, 45],
        }]
    };

    var bar = document.getElementById("barChart").getContext('2d');
    var myBarChart = new Chart(bar, {
        type: 'bar',
        data: data1,
        options: {
            barValueSpacing: 20,
            maintainAspectRatio: false,
        }
    });
});