/*=========================================================================================

    File Name: doughnut.js

    Description: Chartjs simple doughnut chart

    ----------------------------------------------------------------------------------------

    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template

    Author: PIXINVENT

    Author URL: http://www.themeforest.net/user/pixinvent

==========================================================================================*/



// Doughnut chart

// ------------------------------

$(window).on("load", function(){



    //Get the context of the Chart canvas element we want to select

    var ctx = $("#simple-doughnut-chart");



    // Chart Options

    var chartOptions = {

        responsive: true,

        maintainAspectRatio: false,

        responsiveAnimationDuration:500,

    };



    // Chart Data

    var chartData = {

        labels: ["January", "February", "March", "April", "May"],

        datasets: [{

            label: "My First dataset",

            data: [65, 35, 24, 45, 85],

            backgroundColor: ['#00A5A8', '#626E82', '#FF7D4D','#FF4558', '#28D094'],

        }]

    };



    var config = {

        type: 'doughnut',



        // Chart Options

        options : chartOptions,



        data : chartData

    };



    // Create the chart

    var doughnutSimpleChart = new Chart(ctx, config);



});