$.ajax({
    url: 'data/shoping_times.json',
    dataType: 'json'
}).done(function (results) {
    new Chart(document.getElementById("shoping_times_chart"), {
        type: 'bar',
        data: {
            labels: results.labels,
            datasets: [{
                label: 'Anzahl verkaufter Artikel',
                data: results.data1,
                backgroundColor: [
                    'rgba(143, 170, 220, 0.9)',
                    'rgba(255, 50, 1, 0.9)',
                    'rgba(143, 170, 220, 0.9)',
                    'rgba(143, 170, 220, 0.9)',
                    'rgba(103, 215, 153, 0.9)',
                    'rgba(143, 170, 220, 0.9)',
                ],
                borderColor: [
                    'rgba(143, 170, 220, 0.9)',
                    'rgba(255, 50, 1, 1)',
                    'rgba(143, 170, 220, 1)',
                    'rgba(143, 170, 220, 1)',
                    'rgba(103, 215, 153, 1)',
                    'rgba(143, 170, 220, 1)',
                ],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            title: {
                display: false,
                text: 'Einkaufszeiten'
            },
            legend: {
                display: false
            },
            scales: {
                yAxes: [{
                    categoryPercentage: 1.0,
                    barPercentage: 0.5,
                    ticks: {
                        beginAtZero: true
                    }
                }],
                xAxes: [{
                    gridLines: {
                        display: false
                    },
                }]
            }
        }
    });
});