尝试使用 mysql table 和 PHP 绘制 google 图表时得到 "Cannot read property 'datefield' of undefined"

Question

我尝试使用 PHP 使用从数据库 table 检索的值创建 google 图表，我的数据库已连接但出现错误，如“无法读取属性 'datefield' 未定义

我的数据库 table 包含两列 'Row Labels (VARCHAR)', 'Sum of No in Rows (INT)' 。我不明白为什么会出现该错误。

<?php
$connection = mysqli_connect('localhost', 'root', '', 'testingoforiginal');
$result = mysqli_query($connection, "SELECT * FROM ba");
if($result){
   echo "CONNECTED";
}
?>
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawStuff);

      function drawStuff() {
        var data = new google.visualization.arrayToDataTable([
          ['Row Labels', 'Sum of No in Rows'],
          <?php
              if(mysqli_num_rows($result) > 0 ){
                  while($row = mysqli_fetch_array($result)){
                      echo"['".$row['Row Labels']."',[".$row['Sum of No in Rows']."]],";

                  }
              }
          ?>
        ]);

        var options = {
          title: 'BA',
          width: 900,
          legend: { position: 'none' },
          chart: { title: 'BA',
                   subtitle: ' ' },
          bars: 'horizontal', // Required for Material Bar Charts.
          axes: {
            x: {
              0: { side: 'top', label: 'Sum of No in Rows'} // Top x-axis.
            }
          },
          bar: { groupWidth: "90%" }
        };

        var chart = new google.charts.Bar(document.getElementById('top_x_div'));
        chart.draw(data, options);
      };
    </script>
  </head>
  <body>
    <div id="top_x_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Answer 1

尝试删除第二行值中多余的括号...

改变...

echo"['".$row['Row Labels']."',[".$row['Sum of No in Rows']."]],";

到...

echo"['".$row['Row Labels']."',".$row['Sum of No in Rows']."],";

编辑

建议使用 json_encode 从 php 传递 json 数据。

在 php...

中构建您的数组

<?php
  $connection = mysqli_connect('localhost', 'root', '', 'testingoforiginal');
  $result = mysqli_query($connection, "SELECT * FROM ba");
  if($result){
    echo "CONNECTED";
  }

  $data = array();
  $data[] = ['Row Labels', 'Sum of No in Rows'];
  if(mysqli_num_rows($result) > 0 ){
    while($row = mysqli_fetch_array($result)) {
      $data[] = [$row['Row Labels'], $row['Sum of No in Rows']];
    }
  }
?>

然后在页面上对其进行编码以创建数据table...

var data = new google.visualization.arrayToDataTable(<?php echo json_encode($data, JSON_NUMERIC_CHECK); ?>);

尝试使用 mysql table 和 PHP 绘制 google 图表时得到 "Cannot read property 'datefield' of undefined"

Getting "Cannot read property 'datefield' of undefined" when trying to draw google chart using mysql table and PHP

javascript

php

charts

google-visualization