Question

我正试图在django中使用morris图表。莫里斯图表需要格式数据

$(Morris.Bar({
  element: 'mchart',
  data: [
    { y: '2006', a: 120 },
    { y: '2007', a: 75 },
    { y: '2008', a: 50 },
    { y: '2009', a: 75 },
    { y: '2010', a: 50 },
    { y: '2011', a: 95 },
    { y: '2012', a: 100 }
  ],
  xkey: 'y',
  ykeys: ['a' ],
  labels: ['SMS count']
}));

我有一个名为log as的模型 class Log（models.Model）：

   date= models.DateField()
   count=models.CharField(max_length=100)

我使用类视图来访问数据

视图

class newChartView(TemplateView):
    template_name = "new_report_view.html"

    def get_context_data(self, **kwargs):
        context = super(newChartView, self).get_context_data(**kwargs)
        context['count'] = Log.objects.all()
        return context

现在如何根据morris的要求安排数据。

Answer 1

您的Django模板如下所示：

data: [
{% for item in count %}
    { y: '{{ item.date|date:"Y" }}', a: '{{ item.count }}' }{% if not forloop.last %},{% endif %}
{% endfor %}
  ],

这是生成Morris图表的JavaScript的一部分。以上内容会生成一个包含y和a值的行（年份格式为四位数，而计数则直接从该项中获取）。

在django使用morris图表

1 个答案: