如何在chart.js模板中使用for循环标签

Question

大家好，我在chart.js模板中使用for循环时遇到麻烦，我不知道如何在chart.js模板中使用for循环标签以动态获取一些数据，我无法找到完整的chart.js教程和django请帮我。

模板

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)