How to query data in order to show in chart - django

Question

How to show specific data on html page using chart.js and django i am trying this method i can see data api view but cannot see on chart. i am able to see data except my query set. Is there any doc for this. Please help me i am beginner in django,
Here is my Views.py
class secondapi(APIView):
authentication_classes = []
permission_classes = []
def get(self, request, format=None):
qs = Add.objects.all().aggregate(Sum('budget')) # here is problem
labels = ["sum", "Blue", "Yellow", "Green", "Purple", "Orange"]
default_items = [qs, 23, 2, 3, 12, 2]
data = {
"newlabels": labels,
"newdata": default_items,
}
return Response(data)
html page
<script>
var endpoint = '/api/chart/data/'
var labels = [] //
var defaultData = []; //
$.ajax({
method: "GET",
url: endpoint,
success: function(i){
labels = i.newlabels
defaultData = i.newdata
console.log(labels)
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: labels, // CHANGED
datasets: [{
label: '# of Votes',
data: defaultData, // CHANGED
}]
}
})
},
error: function(error_data){
console.log("error")
console.log(error_data)
}
})
</script>
<div class='col-sm-6'>
<canvas id="myChart"></canvas>
</div>
</body>
</html>

Answer 1

def get(self, request, format=None):
qs = Add.objects.all().aggregate(Sum('expense'))
# some = list(qs.keys())
a = qs.values()
labels = ["sum", "Blue", "Yellow", "Green", "Purple", "Orange"]
default_items = [a, 23, 2, 3, 12, 2]
data = {
"newlabels": labels,
"newdata": default_items,
}
return Response(data)