Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. setInterval(function(){
  2.  
  3.    $.ajax({    //create an ajax request to load_page.php
  4.         type: "GET",
  5.         url: "http://localhost/mikro/index.php",            
  6.         dataType: "JSON",   //expect html to be returned                
  7.         success: function(data){  
  8.  
  9.      $.ajax({
  10.     type: 'GET',
  11.      dataType: "JSON",
  12.         url: 'http://localhost/mikro/cahaya.php',
  13.        success:function(data1){
  14. var rsuhu=0;
  15. var rcahaya=0;
  16. var rkelembapan=0;
  17.               var datasuhu = [];
  18.               var datalembab = [];
  19.               var datacahaya=[];
  20.    // var y = 0;
  21.     var i = 0;
  22.     for ( ; i < 120; i++ ) {
  23.    console.log(data1[i].cahaya);
  24.        y = parseInt(data[i].suhu);
  25.        x = parseInt(data[i].kelembapan);
  26.       z = parseInt(data1[i].cahaya);
  27.    rsuhu+=y;
  28.    rcahaya+=z;
  29.    rkelembapan+=x;
  30.        datasuhu.push({ y: y});
  31.        datalembab.push({ y: x});
  32.       datacahaya.push({ y: z});
  33.     }
  34.     rsuhu/=121;
  35.     rcahaya/=121;
  36.     rkelembapan/=121;
  37. $('.rsuhu').text(rsuhu.toFixed(0));
  38. $('.rcahaya').text(rcahaya.toFixed(0));
  39. $('.rlembab').text(rkelembapan.toFixed(0));
  40.    
  41.     var chart = new CanvasJS.Chart("graph",
  42.     {
  43.      
  44.       zoomEnabled: true,
  45.      
  46.       title:{
  47.         text: "Grafik Monitoring"
  48.       },
  49.  axisX:{
  50.   title : "Waktu (Detik)"
  51.  }
  52.       ,    
  53.       data: [
  54.       {
  55.         showInLegend: true,
  56.         legendText: "Suhu (Celcius)",
  57.         type: "line",              
  58.         dataPoints: datasuhu
  59.  
  60.       },{
  61.  
  62. showInLegend: true,
  63.         legendText: "Kelembapan (%)",
  64.  type: "line",              
  65.         dataPoints: datalembab
  66.  
  67.       },
  68.  
  69.       {
  70.  
  71. showInLegend: true,
  72.         legendText: "Cahaya",
  73.  type: "line",              
  74.         dataPoints: datacahaya
  75.  
  76.       }
  77.       ]
  78.     });
  79.     console.log("a");
  80.     chart.render();
  81. }});
  82.        
  83.         },    
  84. });
  85. },1000);