Django как я могу решить проблему с objects.all()?

Мог бы кто-нибудь мне помочь.

После запуска . У меня нет никаких данных, представленных на графике. Я не получаю никаких ошибок. Я пытаюсь решить эту проблему, но у меня больше нет идей.

В файле view.py у меня есть:

def index(request):
    data = Chartdata.objects.all()

    context = {
        'data': data,
    }
    return render(request,'dashboard/home.html', context)

в файле models.py у меня есть:

from django.db import models


class Chartdata(models.Model):
    name = models.CharField(max_length=100)
    numberone = models.IntegerField()

html файл:

<div class="charts">

                                <canvas id="myChart" width="400" height="200"></canvas>
                                <script>
                                const ctx = document.getElementById('myChart');
                                const myChart = new Chart(ctx, {
                                    type: 'bar',
                                    data: {
                                        labels: [{{ data.name }},],
                                        datasets: [{
                                            label: '# of Votes',
                                            data: [{{ data.numberone }},],
                                            backgroundColor: [
                                                'rgba(255, 99, 132, 0.2)',
                                            
                                             
                                            ],
                                            borderColor: [
                                                'rgba(255, 99, 132, 1)',
                                             
                                            ],
                                            borderWidth: 5
                                        }]
                                    },
                                    options: {
                                        scales: {
                                            y: {
                                                beginAtZero: true
                                            }
                                        }
                                    }
                                });
                                </script>


    </div>

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