带烧瓶的chart.js不显示值

Question

我正在尝试使用chart.js创建一个折线图并从jinja2模板架构中获取数据。

<div class="container-fluid">
  <canvas id="myChart" width="400" height="400"></canvas>

  [{% for data in graph.data.all() %}{{data.int_data}},{% endfor %}]
  [{% for data in graph.data.all() %}"{{data.time}}",{% endfor %}]
  <script>
    var ctx = document.getElementById("myChart").getContext("2d");
    var Data = {
    labels :  [{% for data in graph.data.all() %}"{{data.time}}",{% endfor %}],
    datasets : [
    {
    fillColor : "rgba(172,194,132,0.4)",
    strokeColor : "#ACC26D",
    pointColor : "#fff",
    pointStrokeColor : "#9DB86D",
    data : [{% for data in graph.data.all() %}{{data.int_data}},{% endfor %}]
    }]
    }
    var myNewChart = new Chart(ctx).Line(Data);
  </script>
</div> 

我可以在网页上看到数据，但图表没有显示。如果我将数据列表放入数据集中的标签和数据中就可以了。

任何帮助都将不胜感激。