var ctx = document.getElementById("top_articles_chart");
var top_articles_chart = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
        labels: ['Insgesamt', 'Gruppe 1', 'Gruppe 2', 'Gruppe 3',],
        datasets: [{
            label: 'Gartengeräte',
            backgroundColor: 'rgba(244, 177, 131, 1)',
            stack: 'Stack 0',
            data: [
                150,
                50,
                50,
                50
            ]
        }, {
            label: 'Eisenwaren',
            backgroundColor: 'rgba(255, 217, 102, 1)',
            stack: 'Stack 1',
            data: [
                120,
                10,
                80,
                30
            ]
        }, {
            label: 'Baumaterialien',
            backgroundColor: 'rgba(196, 209, 142, 1)',
            stack: 'Stack 2',
            data: [
                200,
                102,
                53,
                45
            ]
        }]
    },
    options: {
        responsive: true,
        title: {
            display: false,
            text: 'Top Artikel'
        },
        legend: {
            position: 'bottom',
        },
        scales: {
            yAxes: [{
                gridLines: {
                    display: false
                },
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});