201_水分センサ_グラフWebコード

投稿日時: 投稿者:

さくらVPSでグラフ表のWebコードです。

置き場所は、

/var/www/html/mois_gra

コードは、下記

————————————

    <!– AJAX API のロード –>
    // グラフ作成用のコールバック関数
    function drawChart() {
    // データテーブルの作成
    var data = google.visualization.arrayToDataTable([
       mysql_select_db(‘20170301_moisture_sensor’) or die(mysql_error());
       //SQLクエリを実行します。
      //$drawScript ='<br>グラフデーターを書くまでの記述<br>’;
       $i = 0;
       while ($row = mysql_fetch_array($res, MYSQL_NUM)){
       if ($i != 0) {
       } else {
       }
        print $drawScript;
        //結果セットを開放し、接続を閉じます。
        mysql_free_result($res);
        mysql_close($conn);
       ?>
   ]);
    // グラフのオプションを設定
    var options = {
        title: ‘moisture_sensor用グラフ’
    };
    // LineChart のオブジェクトの作成
    // データテーブルとオプションを渡して、グラフを描画
    chart.draw(data, options);
    }
    </script>
  </head>
  <body>
    <!– グラフを描く div 要素 –>
    <div id=”chart_div” style=”width: 80%; height: 400px;”></div>
     参考値<br>
    —————————-<br>
     肉葉植物     470-490 , 47-49<br>
    —————————-<br>
     胡蝶蘭（小） 437-? , 43-? <br>
    —————————-<br>
     ゴムの木     389-? , 38-? <br>
    —————————-<br>
    <br>
    表示データ<br>
    *****************************<br>
    [Num, time_stamp, adc, read_adc, volts, comment ] <br>
   <?php
    //MySQLに接続し、データベースを選択します。
    mysql_select_db(‘20170301_moisture_sensor’) or die(mysql_error());
    //SQLクエリを実行します。
    //結果を出力します。
    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>