在 Google 可视化条形图图表中使用 for 循环在 Django 中插入数据

我目前正在用django做一个项目。在这个项目中，我想展示存储在 sqlite3 数据库表中的数据的图形表示。为此，我写了一些代码，我想在其中使用 for 循环在图表中添加表值，如下所示:(此处 list1 包含表的所有值，此页面被重定向以显示此图形结果）

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['FileName', 'Frequency'],
          {% for l in list1 %}
               [{{l.file_name}},{{l.frequency_count}}], 
          {% endfor %}
          ]);
        var options = {
            title: 'Search Performance',
            hAxis: {title: 'FileName', titleTextStyle: {color: 'red'}}
         };
         var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
         chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

服务器上未显示任何内容。为什么？

请帮忙。我是django和javascripts的新手。所以，请帮忙

答案是我需要在 {{l.file_name}} 周围加上引号，即它应该是"{{l.file_name}}"并且它起作用了。始终记住，如果您在轴上有字符串数据，就像我的情况一样，请始终将其放在引号中 ' 或 " .

相关内容

最新更新

热门标签：