Javascript Java脚本中的Python Flask循环

我需要将Python列表中的Java脚本信息添加到数组中

list.py

workflows = [{"date": '2012', "rate": 5}, {"date": '2011', "rate": 4}]
return render_template('modules/general/backoffice/rating.html',  workflows=workflows)

rating.html

{% block module_scripts %}
    <script>
            $(function () {
                "use strict";
                // LINE CHART
                var line = new Morris.Line({
                    element: 'line-chart',
                    resize: true,
                    data: [
                        {% for workflow in workflows %}
                            {time: {{ workflow.date }}, rate: {{workflow.rate}} }
                        {% endfor %}
                    ],
                    xkey: 'time',
                    ykeys: ['rate'],
                    labels: ['Rate'],
                    lineColors: ['#3c8dbc'],
                    hideHover: 'auto'
                });
            });
        </script>
{% endblock %}

{%block module\u scripts%}
$（函数（）{
“严格使用”；
//折线图
var线=新莫里斯线({
元素：'折线图'，
调整大小：对，
数据：[
{工作流%中的工作流为%}
{时间：{{workflow.date}，速率：{{workflow.rate}}
{%endfor%}
],
xkey:“时间”，
ykeys:[费率]，
标签：[“费率”]，
线条颜色：['#3c8dbc']，
隐藏：“自动”
});
});
{%endblock%}

但它不起作用

我已经看到很多关于我的问题的帖子，但它们并不合适

其中一个

$（函数（）{
“严格使用”；
//折线图
var线=新莫里斯线({
元素：'折线图'，
调整大小：对，
数据：[
{工作流%中的工作流为%}
{time:{{workflow.date}}，rate:{{{workflow.rate}}，
{%endfor%}
],
xkey:“时间”，
ykeys:[费率]，
标签：[“费率”]，
线条颜色：['#3c8dbc']，
隐藏：“自动”
});
});

发生了什么错误（在浏览器控制台中）？我发现的一个错误是，在每个数组项之后都缺少

，

。您必须将

，

放在末尾：

{time:{{{workflow.date}}，rate:{{{workflow.rate}}}，

@YohanesGultom此脚本是为折线图设计的。在循环中必须添加到坐标才能创建图表。当我手动添加所有作品的坐标时。控制台没有任何错误。@YohanesGultom感谢“浏览器控制台”

<script>
        $(function () {
            "use strict";
            // LINE CHART
            var line = new Morris.Line({
                element: 'line-chart',
                resize: true,
                data: [
                    {% for workflow in workflows %}
                        {time: '{{ workflow.date }}', rate: {{workflow.rate}} },
                    {% endfor %}
                ],
                xkey: 'time',
                ykeys: ['rate'],
                labels: ['Rate'],
                lineColors: ['#3c8dbc'],
                hideHover: 'auto'
            });
        });
    </script>