186_mysql & php google graph for 20170301_moisture_sensor

投稿日時: 投稿者:
Moistureセンサの準備、久しぶりにsakuraサーバのMySQLデータのgoogleグラフ化。変数項目の修正だけでいけました！よかった。。。
■php表示ファイルのありか
/var/www/html/mois_gra
■php表示ファイル名
mois_gra1.php
<!DOCTYPE html>
<html>
  <head>
    <!– AJAX API のロード –>
    <script type=”text/javascript” src=”https://www.google.com/jsapi”></script>
    <script type=”text/javascript”>
    // Visualization API と折れ線グラフ用のパッケージのロード
    google.load(“visualization”, “1”, {packages:[“corechart”]});
    // Google Visualization API ロード時のコールバック関数の設定
    google.setOnLoadCallback(drawChart);
    // グラフ作成用のコールバック関数
    function drawChart() {
    // データテーブルの作成
    var data = google.visualization.arrayToDataTable([
       <?php
       //MySQLに接続し、データベースを選択します。
       $conn = mysql_connect(‘tk2-201-10183.vs.sakura.ne.jp’,’root’,’yoshihara20160805′) or die(mysql_error());
       mysql_select_db(‘20170301_moisture_sensor’) or die(mysql_error());
       //SQLクエリを実行します。
       $res = mysql_query(‘SELECT * from ms_tbl order by Num DESC LIMIT 10’) or die(mysql_error());
      //$res = mysql_query(‘select * from ms_tml where water_need=”insert real data” and Num > ((select max(Num) from t_sensor)-30)’) or die(mysql_error());
      //$res = mysql_query(‘select * from t_sensor where water_need=”insert real data” order by Num DESC LIMIT 10’) or die(mysql_error());
      //$drawScript ='<br>グラフデーターを書くまでの記述<br>’;
       $i = 0;
       while ($row = mysql_fetch_array($res, MYSQL_NUM)){
       if ($i != 0) {
           $drawScript .=”, [‘” . $row[1] . “‘,” . $row[2] . “,” . $row[3] .  “]”;
       } else {
           $drawScript .= “[‘日時’, ‘adc’, ‘read_adc’], [‘” . $row[1] . “‘,” . $row[2] . “,” . $row[3] . “]”;
           // 一つ目の項目は 前に コンマ がいらないのと要素を入れる必要があるため
       }
        $i++;
       }
        print $drawScript;
        //結果セットを開放し、接続を閉じます。
        mysql_free_result($res);
        mysql_close($conn);
       ?>
   ]);
    // グラフのオプションを設定
    var options = {
        title: ‘温度・湿度グラフ’
    };
    // LineChart のオブジェクトの作成
    var chart = new google.visualization.LineChart(document.getElementById(‘chart_div’));
    // データテーブルとオプションを渡して、グラフを描画
    chart.draw(data, options);
    }
    </script>
  </head>
 
  <body>
    <!– グラフを描く div 要素 –>
    <div id=”chart_div” style=”width: 80%; height: 400px;”></div>
    <br>
    表示データ<br>
    *****************************<br>
    [  日時  , adc , read_adc  , comment ] <br>
   <?php
    //MySQLに接続し、データベースを選択します。
    $conn = mysql_connect(‘tk2-201-10183.vs.sakura.ne.jp’,’root’,’yoshihara20160805′) or die(mysql_error());
    mysql_select_db(‘20170301_moisture_sensor’) or die(mysql_error());
    //SQLクエリを実行します。
    $res = mysql_query(‘SELECT * from ms_tbl order by Num DESC LIMIT 10’) or die(mysql_error());
    //$res = mysql_query(‘SELECT * from ms_tbl where water_need=”insert real data” order by Num DESC LIMIT 10’) or die(mysql_error());
    //結果を出力します。
    while ($row = mysql_fetch_array($res, MYSQL_NUM)){
    echo “[\n”;
    echo $row[0].”\n”;
    echo “,\n'”;
    echo $row[1].”\t”;
    echo “‘,\n”;
    echo $row[2].”\n”;
    echo “,\n”;
    echo $row[3].”\n”;
    echo “,\n”;
    echo $row[4].”\n”;
    echo “,\n”;
    echo $row[5].”\n”;
    echo “],\n”;
    echo “<br />\n”;
    }
    //結果セットを開放し、接続を閉じます。
    mysql_free_result($res);
    mysql_close($conn);
   ?>
    *****************************<br>
  </body>
</html>
以上
（寺田病院の病室より！）