图表.jsFlask没有显示数值

2024-09-20 22:54:52 发布

您现在位置:Python中文网/ 问答频道 /正文

我试着用图表.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> 

我可以看到网页上的数据,但图表没有显示出来。如果我把编造的数据列表放入标签和数据集中,它就起作用了。在

任何帮助都将不胜感激。在


Tags: 数据indivfordatatimevarscript

热门问题