Php 谷歌图表y轴与鞋在奇怪的顺序_Php_Html_Google Visualization

Php 谷歌图表y轴与鞋在奇怪的顺序

php html google-visualization

Php 谷歌图表y轴与鞋在奇怪的顺序,php,html,google-visualization,Php,Html,Google Visualization,我想制作一张图表，显示我从数据库获得的数据。但当图表显示时，y轴显示的值与id号相关。（看图片）代码如下所示 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['bar

我想制作一张图表，显示我从数据库获得的数据。但当图表显示时，y轴显示的值与id号相关。（看图片）代码如下所示

<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(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([['id', 'temperature'],

        <?php
            $connection=mysqli_connect('remotemysql.com','dbname','dbpass','dbuid');
            $query="SELECT * FROM `table` WHERE 1";
            $result=mysqli_query($connection, $query);
            if(! $result ) {
              die('Could not connect: ' . mysqli_error());
            }

            if(mysqli_num_rows($result)>0){
                $number = mysqli_num_rows($result);
                while($row=mysqli_fetch_array($result)){

              echo "['".$row['id']."','".$row['temperature']."']";
              if ($number>1)
                echo ",";
            }
            echo "]);";
            }

          ?>

        var options = {
          chart: {
            title: 'Weather station info',
          }
        };

        var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

        chart.draw(data, google.charts.Bar.convertOptions(options));
      }
    </script>
    </head>
  <body>
    <div id="columnchart_material" style="width: 800px; height: 500px;"></div>
  </body>


load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable（[['id'，'temperature']，
您可以尝试强制将数值转换为数字类型的数据
这是一个未经测试的建议（从我的手机编码，如果有任何打字错误，请告诉我）

load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
让data=google.visualization.arrayToDataTable（），
选项={
图表：{
标题：“气象站信息”，
}
},
chart=新的google.charts.Bar（document.getElementById（'columnchart_material'）；
绘制（数据，google.charts.Bar.convertOptions（选项））；
}
您可以尝试强制将数值转换为数字类型的数据
这是一个未经测试的建议（从我的手机编码，如果有任何打字错误，请告诉我）

load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
让data=google.visualization.arrayToDataTable（），
选项={
图表：{
标题：“气象站信息”，
}
},
chart=新的google.charts.Bar（document.getElementById（'columnchart_material'）；
绘制（数据，google.charts.Bar.convertOptions（选项））；
}
Never，Never，Never手动创建json字符串。将整个结果集形成一个数组，然后调用json\u encode（）
完美地创建javascript所期望的内容。您是否尝试过从温度值中删除引号，以便将其视为整数？是的，从第二个值中删除单引号，这里-->echo“[”、“$row['temperature']”、“$row['temperature']”
Never，Never，Never手动创建json字符串。将整个结果集形成一个数组，然后调用json_encode（）
以完美地创建javascript所期望的内容。您是否尝试过从温度值中删除引号，以便将其视为整数？是的，从第二个值中删除单引号，这里-->echo“[”、“$row['temperature']”、“$row['temperature']”；
  <?php
  $mysqli = new mysqli('remotemysql.com', 'dbname', 'dbpass', 'dbuid');
  $result = $mysqli->query("SELECT id, temperature FROM yourTemperatureTable");
  $array = $result->fetch_all(MYSQLI_ASSOC);
  if ($array) {
    array_unshift($array, ['id', 'temperature']);
    $json = json_encode($array, JSON_NUMERIC_CHECK);
    ?>
    <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(drawChart);
      function drawChart() {
        let data = google.visualization.arrayToDataTable(<?php echo $json; ?>),
            options = {
              chart: {
                title: 'Weather station info',
              }
            },
            chart = new google.charts.Bar(document.getElementById('columnchart_material'));
            chart.draw(data, google.charts.Bar.convertOptions(options));
      }
    </script>
    <?php
  }
  ?>
</head>
<body>
  <div id="columnchart_material" style="width: 800px; height: 500px;"></div>
</body>