PHP:
<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 kendinize göre modifiye edebilirsiniz.
PHP:
[PHPR]<?
$sayi1 = rand(5,15);
$sayi2 = rand(5,15);
$sayi3 = rand(5,15);
echo $sayi1."|".$sayi2."|".$sayi3;
?>
