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

Posted 2023-02-24

【中文标题】Chartjs 没有在我的 Django 项目中显示图表

【英文标题】：Chartjs is not showing charts in my Django project

【发布时间】：2022-01-22 20:47:33

【问题描述】：

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

<div id="chart_div" class="option-chart">
            <canvas id="myChart"  ></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>

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

【问题讨论】：

这个样板文件chartjs.org/docs/latest/#creating-a-chart?您删除了创建 Chart 对象的部分代码

【参考方案1】：

我认为你没有添加 cdn link