【发布时间】：2018-12-04 05:16:33
【问题描述】：
所以我花了整个周末的时间测试和搜索 SO，最终让 Django 和 Chart.js 工作。的种类。它呈现图形，但数据不正确。当我遍历对象时，结果不是我所期望的。也许我整个周末都盯着这个眼睛瞎了。将不胜感激任何指针。
这是我的看法...
class ChartView(LoginRequiredMixin, TemplateView):
template_name = 'Books/chart.html'
def get_context_data(self, **kwargs):
context = super(ChartView, self).get_context_data(**kwargs)
qs1 = Class.objects.filter(id__in=self.request.user.userprofile.class.all()).order_by('id')
qs2 = Books.objects.filter(class__in=self.request.user.userprofile.books.all()).distinct()
context['qs1'] = qs1
context['qs2'] = qs2
return context
class ChartData(LoginRequiredMixin,APIView):
model = Books
authentication_classes = (SessionAuthentication, BasicAuthentication)
permission_classes = (IsAuthenticated,)
def get(self, request, format=None):
qs_count = Books.objects.filter(class__in=self.request.user.userprofile.class.all()).count()
labels = []
default_items = []
data = {
"labels": labels,
"default": default_items,
}
return Response(data)
这是我的带有 Javascript 的 HTML...
{% extends 'base5.html' %}
{% block body_block %}
<div class="box6">
<h1 class="title">Number of Books By Class</h1>
<canvas id="myChart"></canvas>
<div>
<script>
var endpoint = '{% url "Books:chart_data" %}'
var defaultData = [];
var labels = [];
$.ajax({
method: "GET",
credentials: 'same-origin',
url: endpoint,
success: function(data){
labels = data.labels
defaultData = data.default
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: [{% for i in qs1 %}{{ i.id }},{% endfor %}],
datasets: [{
label: "# of Books",
data: [{% for j in qs2 %}
{{ j.id }},
{% endfor %}],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'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(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
}]
}
})
},
error: function(error_data){
console.log("error")
console.log(error_data)
}
})
</script>
{% endblock %}
这是模型。
class Books(models.Model):
book_name = models.CharField(max_length=80,null=True)
description = models.TextField(max_length=264,unique=False)
class = models.ForeignKey(Class,on_delete=models.DO_NOTHING,related_name='classes')
class Class(models.Model):
class_name = models.CharField(max_length=264,unique=True)
teacher = models.ForeignKey(User,null=True,
on_delete=models.CASCADE,related_name="teacher_name")
我觉得我在 qs2 中的循环逻辑是问题所在。它没有正确循环通过 qs2，因为它正在返回结果，但不是正确的结果。我只是想从与班级匹配的用户那里获取书籍，但它不起作用。此外，我只能让“ID”显示在图表上，而不是实际的外键名称。我也不知道如何显示实际的外键名称。感谢任何关于我做错了什么的帮助或指示。我很近！
【问题讨论】：
-
“# of books”和“foreign key”的字典键是否都等于“ID”？
-
感谢您抽出宝贵时间。我已更新代码以包含我的模型。
-
尝试显示整个对象“{{i}}”或“{{j}}”以查看该对象包含哪些数据。您需要的数据在对象内部吗？
-
是的。那是奇怪的事情。我实际上包含了一个打印语句，它正确识别了对象中的 4 个项目。但是当我循环播放时，我总共得到了 8 个。这真是令人抓狂。如果我只有两本不同的书，它工作得很好。当我添加第三本书时，即使该类与用户没有关联，图表也会选择这本书。我正在尝试按班级展示书籍。一旦超过两个，它就不能正常工作了。
-
嗨@SteveSmith，代码有几个问题，但让我们直截了当，您希望每个
Class对应的Books的数量显示在图表中，所有的书
标签： django python-3.x django-templates django-views chart.js