Jquery 图表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flot Examples</title>
<script type='text/javascript' src='javascript/jquery-1.6.2.js'></script>
<script type='text/javascript' src='javascript/highcharts.js'></script>
</head>
<script type='text/javascript'>
$(function(){
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
var dataArray = new Array();
dataArray[0] = [71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3];
dataArray[1] = [106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3, 58.6];
dataArray[2] = [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3, 58.6, 47.6];
dataArray[3] = [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3, 58.6, 47.6, 37.7];
dataArray[4] = [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3, 58.6, 47.6, 37.7, 40.0];
dataArray[5] = [135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 56.3, 58.6, 47.6, 37.7, 40.0, 60.3];
var i =0;
function getForm(){
chart.series[0].setData(dataArray[i++]);
}
window.setInterval(getForm,2000);
});
</script>
<body>
<div id="container" style="height: 400px"></div>
</body>
</html>