如何正确 return Django 在 Morris 中的数据

Question

我使用 Django 的莫里斯代码 return 数据。

<script type="text/javascript">
    Morris.Line({
        element: 'linechart',
        data: [
            {% for item in itens %}
                { uf: '{{ item.uf }}', quant:  {{ item.quant }} },
            {% endfor %}
        ],
        xkey: 'uf',
        ykeys: ['quant'],
        labels: ['quant'],
        hideHover: 'auto',
        resize: true,
    });
</script>

但是return点

数据是return by Django queryset

输出为

上午 10 点

SP 5

RJ 15

RN 20

到 10

Answer 1

然后我用了条形图。

<script type="text/javascript">
        Morris.Bar({
            element: 'barchart',
            data: [
                {% for item in itens %}
                    { uf: '{{ item.uf }}', quant:  {{ item.quant }} },
                {% endfor %}
            ],
            xkey: 'uf',
            ykeys: ['quant'],
            labels: ['quant'],
            hideHover: 'auto',
            resize: true,
        });
    </script>

如何正确 return Django 在 Morris 中的数据

How to return data by Django in Morris correctly

django

morris.js