在 Google Charts Javascript 中循环答案

【问题标题】：Looping in Google Charts Javascript在 Google Charts Javascript 中循环
【发布时间】：2016-02-25 15:53:51
【问题描述】：

我希望在 arrayToDataTable 中的 Google Charts Javascript 中“执行循环”。谁能建议如何做到这一点？像这样在数据集中使用 php 变量也可以吗？

<script>

   google.setOnLoadCallback(drawChart);

   function drawChart() {

     var data = google.visualization.arrayToDataTable([
      ['Month', 'Movie'],
      ['1', <?php echo $Total[0]; ?>],
      ['2', <?php echo $Total[1]; ?>],
      ['3', <?php echo $Total[2]; ?>],
      ['4', <?php echo $Total[3]; ?>],
      ['5', <?php echo $Total[4]; ?>],
      ['6', <?php echo $Total[5]; ?>],
      ['7', <?php echo $Total[6]; ?>],
      ['8', <?php echo $Total[7]; ?>],
      ['9', <?php echo $Total[8]; ?>],
      ['10', <?php echo $Total[9]; ?>],
      ['11', <?php echo $Total[10]; ?>],
      ['12', <?php echo $Total[11]; ?>],
      ['13', <?php echo $Total[12]; ?>],
      ['14', <?php echo $Total[13]; ?>],
      ['15', <?php echo $Total[14]; ?>],
      ['16', <?php echo $Total[15]; ?>],
      ['17', <?php echo $Total[16]; ?>],
      ['18', <?php echo $Total[17]; ?>],
      ['19', <?php echo $Total[18]; ?>],
      ['20', <?php echo $Total[19]; ?>],
      ['21', <?php echo $Total[20]; ?>],
      ['22', <?php echo $Total[21]; ?>],
      ['23', <?php echo $Total[22]; ?>],
      ['24', <?php echo $Total[23]; ?>],
      ['25', <?php echo $Total[24]; ?>]
    ]);

... etc...

</script>

【问题讨论】：

标签： javascript json for-loop charts google-visualization

【解决方案1】：

这样的东西适合你吗？

<?php
  $Total = array(0,1,2,3,4,5,6,7,8,9);
?>

<html lang="en">
<head>
  <script src="https://www.google.com/jsapi"></script>
  <script>
    google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});

    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ['Month', 'Movie'],

<?php
    foreach($Total as $row){
      echo "['" . $row . "', " . $row . "],";
    }
?>

      ]);
      document.getElementById('chart').innerHTML = data.getNumberOfRows();
    }
  </script>
</head>
<body>
  <div id="chart"></div>
</body>
</html>

【讨论】：

最后一次迭代需要丢失“逗号”，并且每个数据集的每次迭代都应该是 $row 和 $row+1 - 不起作用