
<?php

        $dataToGet=array(
            'tempdata'=>'http://misc.omnistep.com:1081/furnacedump.php?externaltempsummary=1&csv4=1&dy=20'
        );
        
        foreach ($dataToGet as $v=>$url) {
            $ch = curl_init($url);
            curl_setopt($ch, CURLOPT_HEADER, 0);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            $$v = trim(curl_exec($ch));      
            curl_close($ch);
        }
        
?>
<html>
  <head>
 
  <script type='text/javascript' src='http://www.google.com/jsapi'></script>
  <script type="text/javascript">
    /** 
     * converts "m/d/Y hh:mm" into a Date object 
    */
    function convertDate(datetime) { 
        var tmp=datetime.split(' ');
        var dt=tmp[0].split('/');
        var t=tmp[1].split(':');
        var d = new Date;
        d.setFullYear(dt[2],(dt[0]-1),dt[1]);
        d.setHours(t[0],t[1],0,0);
        return d;
    }
    
  google.load('visualization', '1', {'packages':['annotatedtimeline']});
  
  function plotGraph() {

    /* Temp Graph */
    var rawdata="<?print $tempdata?>";
    var cdata=rawdata.split("\n");
    
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'External Temp');
    data.addRows(cdata.length);
    for (i=0;i<cdata.length;i++) {        
      if  (cdata[i]) {
          var a = cdata[i].split(",");
          data.setValue(i,0,convertDate(a[0]));
          data.setValue(i,1,parseFloat(a[1]));
          
      }
    }
        
    var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('temp_chart'));
    var endDate = convertDate(a[0]);
    var startDate = convertDate(a[0]);
    startDate.setDate(startDate.getDate()-5);
    chart.draw(data, {displayAnnotations: true,dateFormat: 'HH:mm MMMM dd, yyyy'});
    chart.setVisibleChartRange(startDate, endDate);
    
  }

   </script>
  </head>
  <body onLoad="plotGraph()">
  <div style="font-size:1.5em;font-weight:bold;">Feeding data directly into the Google Time Line Visualization Gadget</div>
  View the html source for details. <a href="googleviz-direct.phps">(click to view php source)</a><br><br>
   <div id='temp_chart' style='width: 700px; height: 300px;'></div><br>
   1/30/2009 Rolan Yang - <a href="mailto:rolan@omnistep.com">rolan@omnistep.com</a>
   
   
  </body>
  </html>