jQuery电脑cpu动态走势图表jQuery电脑cpu动态走势图表是一款Jquery highcharts图表控件制作电脑cpu实时动态加载走势图表代码。jQuery走势图图表控件实时加载

<script type="text/javascript">
$(function () {                                                                     
$(document).ready(function() {                                                  
Highcharts.setOptions({                                                     
global: {                                                               
useUTC: false                                                       
}                                                                       
});                                                                         

var chart;                                                                  
$('#container').highcharts({                                                
chart: {                                                                
type: 'spline',                                                     
animation: Highcharts.svg, // don't animate in old IE               
marginRight: 10,                                                    
events: {                                                           
load: function() {                                              

// set up the updating of the chart each second             
var series = this.series[0];                                
setInterval(function() {                                    
var x = (new Date()).getTime(), // current time         
y = Math.random();                                  
series.addPoint([x, y], true, true);                    
}, 1000);                                                   
}                                                               
}                                                                   
},                                                                      
title: {                                                                
text: 'CPU动态走势图--1秒'                                            
},                                                                      
xAxis: {                                                                
type: 'datetime',                                                   
tickPixelInterval: 100                                              
},                                                                      
yAxis: {                                                                
title: {                                                            
text: 'CPU动态走势图--1秒'                                                   
},                                                                  
plotLines: [{                                                       
value: 0,                                                       
width: 1,                                                       
color: '#808080'                                                
}]                                                                  
},                                                                      
tooltip: {                                                              
formatter: function() {                                             
return '<b>'+ this.series.name +'</b><br/>'+                
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+
Highcharts.numberFormat(this.y, 2);                         
}                                                                   
},                                                                      
legend: {                                                               
enabled: false                                                      
},                                                                      
exporting: {                                                            
enabled: false                                                      
},                                                                      
series: [{                                                              
name: 'Random data',                                                
data: (function() {                                                 
// generate an array of random data                             
var data = [],                                                  
time = (new Date()).getTime(),                              
i;                                                          

for (i = -19; i <= 0; i++) {                                    
data.push({                                                 
x: time + i * 1000,                                     
y: Math.random()                                        
});                                                         
}                                                               
return data;                                                    
})()                                                                
}]                                                                      
});                                                                         
});                                                                             

});               
</script>