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