Chartjs 没有在我的 Django 项目中显示图表

Question

我正在尝试使用 Chartjs 可视化我的 Django 项目中的数据。现在我只关心可视化部分而不是后端的东西，但出于某种奇怪的原因，即使我直接从网站上获取样板只是为了在操作之前显示它，图表也拒绝显示。

<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>

从上面的代码可以看出。它的样板，但我无法将其可视化。

Answer 1

我认为你没有添加 cdn link