Доброго времени суток !!!
Возникла необходимость в обновлении данных в графике, по времени, без перезагрузки страницы.
Код файла Graf.php:
<?php
mt_srand(time()+(double)microtime()*1000000);
$rand=mt_rand(500,1000);
$rand1=mt_rand(500,1000);
?>
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1,<?php echo $rand; ?>);
data.setValue(0, 2, <?php echo $rand1; ?>);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1170);
data.setValue(1, 2, 460);
data.setValue(2, 0, '2006');
data.setValue(2, 1, 660);
data.setValue(2, 2, 1120);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 1030);
data.setValue(3, 2, 540);
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 400, title: '',
vAxis: {title: 'График', titleColor: 'red'}
});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
Код работает,данные обновляются по F5.
Нужно обновлять автоматически,например каждые 3 сек,без перезагрузки страницы.
Пробовал так:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="content"></div>
<script>
function show()
{
$.ajax({
url: "Graf.php",
cache: false,
success: function(html){
$("#content").html(html);
}
});
}
$(document).ready(function(){
show();
setInterval('show()',3000);
});
</script>
</body>
</html>
Ничего не происходит
Пожалуйста,помогите разобраться !!!
