Google Gauge jquery update kodu pek piyasada yok bir gün lazım olursa kodlar burada:



<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
	<script type='text/javascript' src='https://www.google.com/jsapi'></script>
      <script type="text/javascript">
          google.load('visualization', '1', {
		  packages: ['gauge']
});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Label', 'Value'],
        ['Bugün', 0],
        ['CPU', 0],
        ['Network', 0]
        ]);


        var options = { 
          width: 500, height: 250,
		
		  greenFrom:10, greenTo: 20,greenColor:'#66cc00',
        
          yellowFrom:3, yellowTo: 10,yellowColor:'#fc3',
		  
		  redFrom: 0, redTo: 3,redColor:'#f03',
         
		  minorTicks: 5, max:20,
		  majorTicks: ["0","5","10", "15", "20"],
		  
		 
        };
		
    var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
    chart.draw(data, options);
	
	function sor(){
		$.ajax({
			type: 'POST',
			url : 'http://localhost/kac.php',
			success: function(cevap){ 
				var deger = cevap.split("|");
						
						data.setValue(0, 1, parseInt(deger[0]));
						data.setValue(1, 1, parseInt(deger[1]));
						data.setValue(2, 1, parseInt(deger[2]));
						
						chart.draw(data, options);
					
			}
			
			});
			
			
	}
	
	setInterval(sor,1000);


}
      </script>
  </head>
  <body>
    <div id='chart_div'></div>
  </body>
</html>
kac.php dosyası örnegi siz kendinize göre modifiye edersiniz.

<?
$sayi1 = rand(5,15);
$sayi2 = rand(5,15);
$sayi3 = rand(5,15);

echo $sayi1."|".$sayi2."|".$sayi3;
?>