function getJsonFromURL(url, type){
    return $.ajax({
        url: url,
        dataType: 'json',
        type: type
    })
}

function maandenBarChart(){

    var labels = [];
    var aangemonen = [];
    var afgerond = [];
    var maandChart = $('#maandChart');
    var maandChartLoading = $('#maandChartLoading')

    maandChartLoading.show();

    $.when(getJsonFromURL('charts/werkplaats/aangenomen/maanden', 'get'), getJsonFromURL('charts/werkplaats/afgerond/maanden', 'get'))
        .done(function(aangenomenJson, afgerondJson){

            for(var a in aangenomenJson[0]){
                labels.push(a);
                aangemonen.push(aangenomenJson[0][a]);
            }

            for(var b in afgerondJson[0]){
                afgerond.push(afgerondJson[0][b]);
            }

            var myChart = new Chart(maandChart, {
                type: 'bar',
                data: {
                    labels: labels,
                    datasets: [{
                        label: 'Aangenomen reparaties',
                        backgroundColor:'rgba(177, 199, 0, 1)',
                        borderColor: 'rgba(177,199,0,1)',
                        borderWidth: 1,
                        data: aangemonen
                    },{
                        label: 'Afgeronde reparaties',
                        backgroundColor:'rgba(52, 57, 63, 1)',
                        borderColor: 'rgba(52, 57, 63, 1)',
                        borderWidth: 1,
                        data: afgerond
                    }]
                },
                options: {
                    responsive: true,
                    scales: {
                        yAxes: [{
                            ticks: {
                                beginAtZero:true
                            }
                        }]
                    }
                }
            });

            maandChartLoading.hide();
        })
        .fail(function (error1, error2) {
            console.log(error1, error2)
        });
}