Как использовать для тега цикла внутри шаблона chart.js

Question

Здравствуйте, ребята, у меня возникли проблемы с использованием цикла for в шаблоне chart.js. Я не знаю, как использовать тег цикла в шаблоне chart.js, чтобы получить некоторые данные динамически. Я не могу найти полное руководство по chart.jsи Джанго, пожалуйста, помогите мне, пожалуйста.

шаблон

var endpoint = '/api/chart/data/'
var defaultData = []
var labels = [];
$.ajax({
    method: "GET",
    url: endpoint,
    success: function(i){
        labels = i.newlabels
        defaultData = i.newdata



var myChart = new Chart(ctx, {
type: 'bar',
data: {
    labels: labels,
    datasets: [{
        label: '# of Votes',
        data: defaultData,
        backgroundColor: "#4e73df",
        hoverBackgroundColor: "#2e59d9",
        borderColor: "#4e73df"
       borderWidth: 1

    }]
},

});
},


    error: function(error_data){
        console.log("error")
        console.log(error_data)
    }
})

views.py

class ChartData(APIView):
    authentication_classes = []
    permission_classes = []

    def get(self, request, format=None):
        qs_count = User.objects.all().count()

        av = Add.objects.aggregate(
                bud=Sum('budget'),
                exp=Sum('expense'),
                budexp=Sum('budget')-Sum('expense'))   # I WANT TO DISPLAY THIS DATA

        labels = ["Black", "Blue", "Yellow", "Green", "Purple", "Orange"]
        default_items = [qs_count, 23, 2, 3, 12, 2]
        data = {
                "newlabels": labels,
                "newdata": default_items,
        }
        return Response(data)