test.html

<!--  CONTENT ELEMENT, uid:42/qfq_qfq [begin] -->
<div id="c42"><h1>BROKEN data!!!!!</h1>

    <div style="height: 1024px; width: 640px;"><h3>Number requests per Institute</h3>
        <canvas id="barchart" width="1240" height="640"></canvas>
    </div>
    <script src="typo3conf/ext/qfq/Resources/Public/JavaScript/Chart.min.js"></script>
    <script> $(function () {
        var ctx = document.getElementById("barchart");
        var barChart = new Chart(ctx, {
            type: 'horizontalBar',
            data: {
                labels: ['Theologische Fakultät', 'Rechtswissenschaftliche Fakultät', 'Wirtschaftwissenschaftliche Fakultät', 'Medizinische Fakultät', 'Vetsuisse-Fakultät', 'Philosophische Fakultät', 'Mathematisch-naturwissenschaftliche Fakultät'],
                datasets: [{
                    data: ['3', '1', '12', '12', '1', '16', '10'],
                    backgroundColor: ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)', 'rgba(0, 255, 0, 1)'],
                    label: "Requests"
                }]
            }
        });
    }); </script>
</div>