// ( function ( $ ) {
//     "use strict";

//     $.ajax({
//         type: 'POST',
//         url: 'includes/ajax.php',
//         data: {action: 'school_population'},
//         success: function(data) {
//             try{
//                 data = JSON.parse(data);
//                 console.log(data);
//                 var ctx = document.getElementById( "schoolPopulation" );
//                 //    ctx.height = 200;
//                 var myChart = new Chart( ctx, {
//                     type: 'bar',
//                     data: {
//                         labels: [ "January", "February", "March", "April", "May", "June", "July" ],
//                         datasets: [
//                             {
//                                 label: "Male",
//                                 data: [ 65, 59, 80, 81, 56, 55, 40 ],
//                                 borderColor: "rgba(0, 123, 255, 0.9)",
//                                 borderWidth: "0",
//                                 backgroundColor: "rgba(0, 123, 255, 0.5)"
//                                         },
//                             {
//                                 label: "Female",
//                                 data: [ 28, 48, 40, 19, 86, 27, 90 ],
//                                 borderColor: "rgba(106,201,123, 0.9)",
//                                 borderWidth: "0",
//                                 backgroundColor: "rgba(173,231,184, 0.7)"
//                                         },
//                             {
//                                 label: "Unknown",
//                                 data: [ 28, 48, 40, 19, 86, 27, 90 ],
//                                 borderColor: "rgba(0,0,0,0.09)",
//                                 borderWidth: "0",
//                                 backgroundColor: "rgba(0,0,0,0.07)"
//                                         }
//                                     ]
//                     },
//                     options: {
//                         scales: {
//                             yAxes: [ {
//                                 ticks: {
//                                     beginAtZero: true
//                                 }
//                                             } ]
//                         }
//                     }
//                 } );
//             }
//             catch(err) {
//                 console.log(err);
//                 console.log(data);
//             }
//             finally {

//             }
//         }
//     });
    

// } )( jQuery );