我试着用图表.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>
我可以看到网页上的数据,但图表没有显示出来。如果我把编造的数据列表放入标签和数据集中,它就起作用了。在
任何帮助都将不胜感激。在
目前没有回答
相关问题 更多 >
编程相关推荐