gdsx/WebRoot/pages/apdata/apdata.js

var chartfc;
var chartgf;

var optionsfc;
var optionsgf;
Highcharts.setOptions({
	global : {
		useUTC : false
	}
});

optionsfc = {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#CC9900',//黄褐色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'chartfc',
					    type: 'spline',
					    //backgroundColor:'#BFDFFF',
					    //plotBackgroundColor:'#BFDFFF',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				         title: {
	            			 text: '风电实时功率'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				          		labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H<br/>%M', this.value);
				                	}
				                },
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '功率数值(MW)'
				             }
				         },{
				         	title:{
				                text :'风速（m/s）'
				            },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
				          }],
				         legend: {
				             	layout: 'vertical',
				             // backgroundColor: '#FFFFFF',
					            align: 'right',
					            verticalAlign: 'top',
					            floating: true
					       //     shadow: true
				          //   	layout: 'vertical',
				          // 	align: 'right',
				          // 	verticalAlign: 'middle',
				          //	 	borderWidth: 0
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				             /*formatter: function() {
				                    return '<b>'+ this.series.name +'</b>：'+
				                    Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间：'+
				                    Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
				             }*/
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                      // pointPadding: 0.2,
				                       borderWidth: 0
				                  },
				             series: {
				                 cursor: 'pointer',
				                 marker: {
				                     radius: 0, 
				                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
				                 }
				             }
				         },
				         series: [{
				         	type: 'spline',
				             name: '应发功率(单位：MW)',
				             yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '实发功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '理论功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '预测功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '保证功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '最优功率(单位：MW)',
				          	 yAxis:0
				         },{
				         	type: 'spline',
				          	 name: '平均风速',
				          	 yAxis:1
				         }]
	   };

optionsgf = {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         
					         '#000000', //黑
					     
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'chartgf',
					    type: 'spline',
					    //backgroundColor:'#BFDFFF',
					    //plotBackgroundColor:'#BFDFFF',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				         title: {
	            			 text: '光伏实时功率'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				          		labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H<br/>%M', this.value);
				                	}
				                },
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '功率数值(MW)'
				             }
				         },{
				         	title:{
				                text :'日照强度'
				            },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
				          }],
				         legend: {
				             	layout: 'vertical',
				             // backgroundColor: '#FFFFFF',
					            align: 'right',
					            verticalAlign: 'top',
					            floating: true
					       //     shadow: true
				          //   	layout: 'vertical',
				          // 	align: 'right',
				          // 	verticalAlign: 'middle',
				          //	 	borderWidth: 0
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				             /*formatter: function() {
				                    return '<b>'+ this.series.name +'</b>：'+
				                    Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间：'+
				                    Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
				             }*/
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                      // pointPadding: 0.2,
				                       borderWidth: 0
				                  },
				             series: {
				                 cursor: 'pointer',
				                 marker: {
				                     radius: 0, 
				                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
				                 }
				             }
				         },
				         series: [{
				         	type: 'spline',
				             name: '应发功率(单位：MW)',
				             yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '实发功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '预测功率(单位：MW)',
				          	 yAxis:0
				         }, 
				         {
				         	type: 'spline',
				          	 name: '日照强度',
				          	 yAxis:1
				         }]
	   };
$(document).ready(
		function(){
			chartfc=new Highcharts.Chart(optionsfc);
			chartgf=new Highcharts.Chart(optionsgf);
			realfc();
			realgf();
			window.setInterval(realfc,60000);
			window.setInterval(realgf,80000);
		}
		);
function realfc(){
	
		var url = "realFcAjax.action";
		$.ajax({
			url : url,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				var yfgl = [];
				var sjgl = [];
				var lvgl = [];
				var ycgl = [];
				var bzgl = [];
				var pjfs = [];
				var xtime=[];
				var zygl = [];
				var index=0;
				var count=0;
				$.each(result, function(m, obj) {
					//if(m == result.length -1){
					if(index<obj.value7){
						index++;
						ycgl.push( parseFloat(obj.value4) );
						
						
					}
					if(count<obj.value8){
						yfgl.push(  parseFloat(obj.value1) );
						sjgl.push( parseFloat(obj.value2) );
						lvgl.push( parseFloat(obj.value3) );
						
						bzgl.push( parseFloat(obj.value5) );
						pjfs.push( parseFloat(obj.value6) );
						zygl.push( parseFloat(obj.value9) );
						count++;
					}

					xtime.push(parseFloat(obj.time));

				});

					optionsfc.series[0].data = yfgl;
					optionsfc.series[1].data = sjgl;
					optionsfc.series[2].data = lvgl;
					optionsfc.series[3].data = ycgl;
					optionsfc.series[4].data = bzgl;
					optionsfc.series[6].data = pjfs;
					optionsfc.series[5].data = zygl;
					optionsfc.xAxis.categories = xtime;
					chartfc = new Highcharts.Chart(optionsfc);
					
			}
		});
}
function realgf(){
	var url = "realGfAjax.action";
		$.ajax({
			url : url,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				var yfgl = [];
				var sjgl = [];
				var lvgl = [];
				var ycgl = [];
				var bzgl = [];
				var pjfs = [];
				var xtime=[];
				var index=0;
				var count=0;
				$.each(result, function(m, obj) {
					//if(m == result.length -1){
					if(index<obj.value7){
						index++;
						ycgl.push( parseFloat(obj.value4) );
						
						
					}
					if(count<obj.value8){
						yfgl.push(  parseFloat(obj.value1) );
						sjgl.push( parseFloat(obj.value2) );
						pjfs.push( parseFloat(obj.value6) );
						count++;
					}

					xtime.push(parseFloat(obj.time));

				});

					optionsgf.series[0].data = yfgl;
					optionsgf.series[1].data = sjgl;
					optionsgf.series[2].data = ycgl;
					optionsgf.series[3].data = pjfs;
					optionsgf.xAxis.categories = xtime;
					chartgf = new Highcharts.Chart(optionsgf);
					
			}
		});
}