Chartjs не показывает графики в моем проекте django

Я пытаюсь визуализировать данные в моем проекте django с помощью Chartjs. Сейчас меня интересует только визуализация, а не бэкенд, но по какой-то странной причине графики отказываются отображаться, хотя я скопировал и вставил их прямо с сайта Chartjs.

<div id="chart_div" class="option-chart">
            <canvas id="myChart" width="648" height="495"></canvas>
          </div> 
          <script>
            const ctx = document.getElementById('myChart');
            const myChart = {
                type : 'bar',
                data : {
                    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
                    datasets: [{
                        label: '# of Votes',
                        data: [12, 19, 3, 5, 2, 3],
                        backgroundColor: [
                            'rgba(255, 99, 132, 0.2)',
                            'rgba(54, 162, 235, 0.2)',
                            'rgba(255, 206, 86, 0.2)',
                            'rgba(75, 192, 192, 0.2)',
                            'rgba(153, 102, 255, 0.2)',
                            'rgba(255, 159, 64, 0.2)'
                        ],
                        borderColor: [
                            '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)'
                        ],
                        borderWidth: 1
                    }]
                },
                options : {
                    scales: {
                        y: {
                            beginAtZero: true
                        }
                    }
                }
            };
            </script>

Как вы можете видеть из кода выше. это шаблон, но я просто не могу заставить его визуализироваться.

Вернуться на верх