Php 使用MYSQL中的数据动态填充Google折线图

我的最终目标是得到一个图形，显示多个折线图（取决于当前的年数），所有月份显示在X轴上，数量显示在Y轴上。这是我见过的最接近我想要实现的目标：

上图显示了我想要实现的目标。如前所述，X轴上的月份与Y轴上的金额相同。然后“值”将是查询返回的年份，即每年都有自己的折线图

这是返回json的php位的值：

<?php
    $results = array('cols' => array (array('label' => 'Date', 'type' => date'),
               array('label' => 'Amount', 'type' => 'number')
               ),
               'rows' => array()
              );

    $query = $db->prepare('SELECT * FROM Claims GROUP BY EXTRACT(MONTH FROM ClaimDate ) , EXTRACT( YEAR FROM ClaimDate ) ');

    $query->execute();
    $rows1 = $query->fetchAll(PDO::FETCH_ASSOC);

    foreach($rows1 as $row)
    {
        $ClaimDate = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y-m-d');

        $dateArr = explode('-', $ClaimDate);
        $year = (int) $dateArr[0];
        $month = (int) $dateArr[1] - 1; 
        $day = (int) $dateArr[2];

        $results['rows'][] = array('c' => array(array('v' => "Date($year, $month, $day)"), array('v' => $row['amount'])
        ));
    }
    $json = json_encode($results, JSON_NUMERIC_CHECK);
    // print_r($json);exit;
?>

最后，这是呈现图表的函数：

<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"]});
google.setOnLoadCallback(drawChart);

function drawChart() 
{
   var data = new google.visualization.DataTable(<?php echo json_encode($json); ?>);
   var chart = new google.visualization.LineChart(document.getElementById('line_chart'));
   chart.draw(data, {width: 400, height: 240});
}   
</script>
<div id="line_chart"></div>

load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）
{
var data=new google.visualization.DataTable（）；
var chart=new google.visualization.LineChart（document.getElementById（'line_chart'）；
绘制图表（数据，{宽度：400，高度：240}）；
}   

所有这些的输出如下所示：

如上所示，我距离实现我想要的目标还有相当长的距离。我被困在这个问题上，任何帮助都将不胜感激

编辑

根据Ram Kannan Raj的回答，我在查询中添加了按索赔日期排序的ASC，而折线图看起来确实更贴切一些：

---

但仍然不是我想要的输出。每年都应该有自己的折线图，X轴是所有月份

请按Asc顺序查询ClaimDate

$query = $db->prepare('SELECT * FROM Claims GROUP BY EXTRACT(MONTH FROM ClaimDate ) , EXTRACT( YEAR FROM ClaimDate ) ORDER BY ClaimDate ASC');

---

为了得到你描述的图表

1） 每年单独的行要求每个行单独的列（系列）
2） 整个hAxis的所有月份都需要一个离散轴（字符串值）
3） 图表还需要足够宽以显示所有标签

生成一个数据表，如下所示，包含12行，每个月一行

{
  "cols":[
    {"label":"Month","type":"string"},
    {"label":"2014","type":"number"},
    {"label":"2015","type":"number"},
    {"label":"2016","type":"number"}
  ],
  "rows":[
    {"c":[{"v":"January"},{"v":1000},{"v":1200},{"v":1400}]},
    {"c":[{"v":"February"},{"v":1600},{"v":1800},{"v":2000}]},
    {"c":[{"v":"March"},{"v":2200},{"v":2400},{"v":2600}]},
    ...
  ]
}

要动态地创建它，请参见以下php中的注释

<?php
    $query = $db->prepare('SELECT * FROM Claims GROUP BY EXTRACT(MONTH FROM ClaimDate ) , EXTRACT( YEAR FROM ClaimDate ) ORDER BY ClaimDate ASC');

    $query->execute();
    $rows1 = $query->fetchAll(PDO::FETCH_ASSOC);

    $dates = array();

    // create data table with initial month column
    $results = array(
      'cols' => array(
        array('label' => 'Month', 'type' => 'string')
      ),
      'rows' => array()
    );

    // create a column for each year in the data
    $colYear = "";
    foreach($rows1 as $row) {
      $year = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y');
      $year = strval($year);

      if ($year != $colYear) {
        $results['cols'][] = array('label' => $year, 'type' => 'number');
        $colYear = $year;
      }
    }

    // create hAxis ticks
    $hTicks = array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');

    // create 12 blank rows for each month
    $chartRows = array();
    foreach($hTicks as $hMonth) {
      $blankRow = array(array('v' => $hMonth));
      for ($x = 1; $x < count($results['cols']); ++$x) {
        $blankRow[] = array('v' => null);
      }
      $chartRows[] = array('c' => $blankRow);
    }

    // fill in the rows from the data
    foreach($rows1 as $row) {
      // get year and month for current row
      $year = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y');
      $month = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('F');
      $colYear = strval($year);

      // find month row
      for ($i = 0; $i < count($hTicks); ++$i) {
        if ($hTicks[$i] == $month) {
          // find year column
          for ($x = 0; $x < count($results['cols']); ++$x) {
            if ($results['cols'][$x]['label'] == $colYear) {
              $chartRows[$i]['c'][$x]['v'] = $row['amount'];
            }
          }
        }
      }
    }

    $results['rows'] = $chartRows;

    $json = json_encode($results);

?>

希望这有帮助，我以前用静态数据测试。。。

<?php
    $query = $db->prepare('SELECT * FROM Claims GROUP BY EXTRACT(MONTH FROM ClaimDate ) , EXTRACT( YEAR FROM ClaimDate ) ORDER BY ClaimDate ASC');

    $query->execute();
    $rows1 = $query->fetchAll(PDO::FETCH_ASSOC);

    $dates = array();

    // create data table with initial month column
    $results = array(
      'cols' => array(
        array('label' => 'Month', 'type' => 'string')
      ),
      'rows' => array()
    );

    // create a column for each year in the data
    $colYear = "";
    foreach($rows1 as $row) {
      $year = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y');
      $year = strval($year);

      if ($year != $colYear) {
        $results['cols'][] = array('label' => $year, 'type' => 'number');
        $colYear = $year;
      }
    }

    // create hAxis ticks
    $hTicks = array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');

    // create 12 blank rows for each month
    $chartRows = array();
    foreach($hTicks as $hMonth) {
      $blankRow = array(array('v' => $hMonth));
      for ($x = 1; $x < count($results['cols']); ++$x) {
        $blankRow[] = array('v' => null);
      }
      $chartRows[] = array('c' => $blankRow);
    }

    // fill in the rows from the data
    foreach($rows1 as $row) {
      // get year and month for current row
      $year = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y');
      $month = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('F');
      $colYear = strval($year);

      // find month row
      for ($i = 0; $i < count($hTicks); ++$i) {
        if ($hTicks[$i] == $month) {
          // find year column
          for ($x = 0; $x < count($results['cols']); ++$x) {
            if ($results['cols'][$x]['label'] == $colYear) {
              $chartRows[$i]['c'][$x]['v'] = $row['amount'];
            }
          }
        }
      }
    }

    $results['rows'] = $chartRows;

    $json = json_encode($results);

?>

<script src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"]});
google.setOnLoadCallback(drawChart);

function drawChart()
{
  var data = new google.visualization.DataTable(<?php echo json_encode($json); ?>);
    var chart = new google.visualization.LineChart(document.getElementById('line_chart'));
    chart.draw(data, {
      hAxis: {
        ticks: <?php echo json_encode($hTicks); ?>
      },
      height: 400
    });
}
</script>
<div id="line_chart"></div>