var ctx = document.getElementById("shoping_times_chart");
var shoping_times_chart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['8-9', '9-10', '10-11', '11-12', '12-13', '13-14'],
        datasets: [{
            label: 'Anzahl verkaufter Artikel',
            data: [12, 19, 3, 5, 2, 3],
            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
                },
            }]
        }
    }
});