Gecko [ unitednationsplay.com ]

Name	Size	Permission	Date
adminlte.min.js	45.28 KB	-rw-rw-r--	2022-12-15 15:02
adminlte.min.js.map	132.39 KB	-rw-rw-r--	2022-12-15 15:02
app.js	13.38 KB	-rw-rw-r--	2022-12-15 15:02
custom.js	3.81 KB	-rw-rw-r--	2022-12-15 15:02
dashboard.js	7.19 KB	-rw-rw-r--	2022-12-15 15:02
daterangepicker.min.js	31.84 KB	-rw-rw-r--	2023-08-14 07:32
jquery.canvasjs.min.js	475.93 KB	-rw-rw-r--	2022-12-15 15:02
moment.min.js	50.26 KB	-rw-rw-r--	2023-08-14 07:32

Rename

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
        animationEnabled: false,
        theme: "light2",
        title: {
            text: "Monthly Sales Data"
        },
        axisX: {
            valueFormatString: "MMM"
        },
        axisY: {
            prefix: "$",
            labelFormatter: addSymbols
        },
        data: [
            {
                type: "column",
                name: "Actual Sales",
                showInLegend: true,
                xValueFormatString: "MMMM YYYY",
                yValueFormatString: "$#,##0",
                dataPoints: [
                    { x: new Date(2016, 0), y: 20000 },
                    { x: new Date(2016, 1), y: 30000 },
                    { x: new Date(2016, 2), y: 25000 },
                    { x: new Date(2016, 3), y: 70000, indexLabel: "High Renewals" },
                    { x: new Date(2016, 4), y: 50000 },
                    { x: new Date(2016, 5), y: 35000 },
                    { x: new Date(2016, 6), y: 30000 },
                    { x: new Date(2016, 7), y: 43000 },
                    { x: new Date(2016, 8), y: 35000 },
                    { x: new Date(2016, 9), y:  30000},
                    { x: new Date(2016, 10), y: 40000 },
                    { x: new Date(2016, 11), y: 50000 }
                ]
            },
            {
                type: "line",
                name: "Expected Sales",
                showInLegend: true,
                yValueFormatString: "$#,##0",
                dataPoints: [
                    { x: new Date(2016, 0), y: 40000 },
                    { x: new Date(2016, 1), y: 42000 },
                    { x: new Date(2016, 2), y: 45000 },
                    { x: new Date(2016, 3), y: 45000 },
                    { x: new Date(2016, 4), y: 47000 },
                    { x: new Date(2016, 5), y: 43000 },
                    { x: new Date(2016, 6), y: 42000 },
                    { x: new Date(2016, 7), y: 43000 },
                    { x: new Date(2016, 8), y: 41000 },
                    { x: new Date(2016, 9), y: 45000 },
                    { x: new Date(2016, 10), y: 42000 },
                    { x: new Date(2016, 11), y: 50000 }
                ]
            },
            {
                type: "area",
                name: "Profit",
                markerBorderColor: "white",
                markerBorderThickness: 2,
                showInLegend: true,
                yValueFormatString: "$#,##0",
                dataPoints: [
                    { x: new Date(2016, 0), y: 5000 },
                    { x: new Date(2016, 1), y: 7000 },
                    { x: new Date(2016, 2), y: 6000},
                    { x: new Date(2016, 3), y: 30000 },
                    { x: new Date(2016, 4), y: 20000 },
                    { x: new Date(2016, 5), y: 15000 },
                    { x: new Date(2016, 6), y: 13000 },
                    { x: new Date(2016, 7), y: 20000 },
                    { x: new Date(2016, 8), y: 15000 },
                    { x: new Date(2016, 9), y:  10000},
                    { x: new Date(2016, 10), y: 19000 },
                    { x: new Date(2016, 11), y: 22000 }
                ]
            }]
    });
    chart.render();

function addSymbols(e) {
        var suffixes = ["", "K", "M", "B"];
        var order = Math.max(Math.floor(Math.log(e.value) / Math.log(1000)), 0);

if(order > suffixes.length - 1)
            order = suffixes.length - 1;

var suffix = suffixes[order];
        return CanvasJS.formatNumber(e.value / Math.pow(1000, order)) + suffix;
    }

}