Google Chart API实现显示空白页

Question

尝试实现将简单数据插入数据库的表单，然后基于该数据库显示google图表。 页面当前为空白。 （当图表正确显示时，我将担心表单）。

我已经在Google周围检查了一些答案，但是代码基本上是直接从他们在Google图表上的教程中进行了一些修改。

<?php
  require_once("apicreds.php");
  $db = new PDO($connectionString, $username , $password);

    if(!$db){echo "Connection Error";}
    if($db){echo "Connected!";}

  $query = "SELECT `country`, `sum(visits)` FROM `trips` GROUP BY 
`country`";
  $result = $db->query($query);
?>
<html>
  <head>

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



  function drawChart() {
    var data = new google.visualization.arrayToDataTable([
    ['country', 'visits'],
        <?php 
        while($row=$result->fetch_assoc())
        {
            echo "['".$row['country']."',".$row['sum(visits)']."],";
        }
        ?>
    ]);

    var options = {'title':'Visits To Countries',
                    'is3D':true};

    var chart = new 
google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
  }
    </script>
  </head>

  <body>
      <div id="chart_div"></div>
  </body>
</html>

其中一些标记可能会弄乱，因此完整代码在这里。

https://pastebin.com/31n5KVG2

当前表的副本：

国家访问
德国1
加拿大2
英国1
英国1

理想情况下，它应从表中以3d饼图形式输出，并在插入更多数据时进行更新。 那部分，我以后应该可以处理，但是我需要帮助找出为什么现在不会显示。

Answer 1

需要使用as关键字命名sum列，
结果将没有-> sum(visits)的有效密钥

$query = "SELECT country, sum(visits) as total_visits FROM trips GROUP BY country";

然后在加载数据时，访问命名列...

echo "['".$row['country']."',".$row['total_visits']."],";

Google Chart API实现显示空白页

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-04-11 11:37:17

Google Chart API实现显示空白页

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-04-11 11:37:17

解决方案1
0 已采纳 2019-04-11 11:37:17