Question

任何人都可以指出我在这里做错了什么，我真的在敲打我的脑袋！数据在html源代码中出现，但页面只是空白，谷歌表似乎不喜欢它。

  google.load("visualization", "1", {packages:["table"]});
  google.setOnLoadCallback(drawTable);

  function drawTable() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'COND_CODE');
    data.addColumn('number', 'PEICE_NO');
    data.addRows([
    <?php
                while( $row = $result->fetch_assoc() ){
                    extract($row);


      echo "{['$COND_CODE'],  ['$PEICE_NO'],"; } ?>
    ]);

    var table = new google.visualization.Table(document.getElementById('table_div'));

    table.draw(data, {showRowNumber: true});
  }
</script>

由于

修改

这是html输出

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

      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'COND_CODE');
        data.addColumn('number', 'PEICE_NO');
        data.addRows([
        {['BTH'],  ['03084'],{['BTH'],  ['03084'],{['TC'],  ['02549'],{['SM'],  ['03049'],{['BTH'],        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));

        table.draw(data, {showRowNumber: true});
      }
    </script>

Answer 1

请改为尝试：

data.addRows(
<?php
    $rows = array();
    while( $row = $result->fetch_assoc() ){
        extract($row);
        $rows[] = array($COND_CODE, $PEICE_NO);
    }
    echo json_encode($rows, JSON_NUMERIC_CHECK);
?>
);

应该以正确的格式输出您的数据。

Answer 2

您的DataTable语法错误。

尝试这样做：

 echo "['$COND_CODE', '$PEICE_NO' ],"; } ?>

Answer 3

echo "{['$COND_CODE'],  ['$PEICE_NO']},";?>

请参阅您的语法错误

Google可视化表格无法理解我的代码

3 个答案: