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