CPU动态趋势图表jquery.highcharts

CPU动态趋势图表jquery.highcharts1323
使用方法
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/highcharts.js"></script>
JS
$(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()                                        					});

也许你还喜欢