gdsx/WebRoot/pages/agc/agc.js

var chart1;
var chart2;
var chart3;
var chart4;
var chart5;
var chart6;


var options1;
var options2;
var options3;
var options4;
var options5;
var options6;


Highcharts.setOptions({
	global : {
		useUTC : false
	}
});
String.prototype.endWith=function(oString){  
	var reg=new RegExp(oString+"$");  
	return reg.test(this);
	};



options1= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container1',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				         title: {
	            			 text: '红花梁AGC功率曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				          		labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
				            //tickInterval: 5,
				            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',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       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: 'AGC限电指令值(单位：MW)',
				          	 yAxis:0
				         },{
				         	type: 'spline',
				          	name: '预测功率(单位：MW)',
				          	yAxis:0
						 },{
					         	type: 'spline',
					          	name: '理论功率(单位：MW)',
					          	yAxis:0
							 }]
	   };


options2= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container2',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				        title: {
	            			 text: '照阳河AGC功率曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				        	 labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
			                //tickInterval: 10,
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '功率数值(MW)'
				             }
				         }
				        /* ,{
				         	title:{
				                text :'风速（m/s）'
				            },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
				          }*/],
				         legend: {
				             	layout: 'vertical',
					            align: 'right',
					            verticalAlign: 'top',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       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: 'AGC限电指令值(单位：MW)',
					          	 yAxis:0
					         },{
					         	type: 'spline',
					          	name: '预测功率(单位：MW)',
					          	yAxis:0
						},{
				         	type: 'spline',
				          	name: '理论功率(单位：MW)',
				          	yAxis:0
					}]
	   };

options3= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container3',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				       title: {
	            			 text: '雁门关AGC功率曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				        	 labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
				            //tickInterval: 10,
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '功率数值(MW)'
				             }
				         }
				        /* ,{
				         	title:{
				                text :'风速（m/s）'
				            },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
				          }*/],
				         legend: {
				             	layout: 'vertical',
					            align: 'right',
					            verticalAlign: 'top',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       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: 'AGC限电指令值(单位：MW)',
					          	 yAxis:0
					         },{
					         	type: 'spline',
					          	name: '预测功率(单位：MW)',
					          	yAxis:0
						},{
				         	type: 'spline',
				          	name: '理论功率(单位：MW)',
				          	yAxis:0
					}]
	   };

options4= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container1',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				       title: {
	            			 text: '红花梁AVC电压曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				        	 labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
				            //tickInterval: 10,
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '电压(KV)'
				             }
				         }
				       ],
				         legend: {
				             	layout: 'vertical',
					            align: 'right',
					            verticalAlign: 'top',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       borderWidth: 0
				                  },
				             series: {
				                 cursor: 'pointer',
				                 marker: {
				                     radius: 0, 
				                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
				                 }
				             }
				         },
				         series: [{
					         	type: 'spline',
					             name: 'AVC母线电压实际值(单位：KV)',
					             yAxis:0
					         }, 
					         {
					         	type: 'spline',
					          	 name: 'AVC母线电压调控值(单位：KV)',
					          	 yAxis:0
					         }]
	   };


options5= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container2',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				       title: {
	            			 text: '照阳河AVC电压曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				        	 labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
				            //tickInterval: 10,
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '电压(KV)'
				             }
				         }
				       ],
				         legend: {
				             	layout: 'vertical',
					            align: 'right',
					            verticalAlign: 'top',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       borderWidth: 0
				                  },
				             series: {
				                 cursor: 'pointer',
				                 marker: {
				                     radius: 0, 
				                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
				                 }
				             }
				         },
				         series: [{
					         	type: 'spline',
					             name: 'AVC母线电压实际值(单位：KV)',
					             yAxis:0
					         }, 
					         {
					         	type: 'spline',
					          	 name: 'AVC母线电压调控值(单位：KV)',
					          	 yAxis:0
					         }]
	   };

options6= {
		colors: [
					         '#00B259', //绿
					         '#B20000', //红
					         '#006DD9', //蓝
					         '#000000', //黑
					         '#FFBFFF',//藕荷色
					         '#FF8000'//橘黄
					      ],
					chart: {
					    renderTo: 'container3',
					    type: 'spline',
					    zoomType: 'x',
				        events: {
				        	
				        }
				         },
				       title: {
	            			 text: '雁门关AVC电压曲线'
	        			 },
				         
				         subtitle: {
				             text: ''
				         },
				         xAxis: {
				        	 labels: {
				          			align: 'center',
				                	formatter: function() {
				                       return  Highcharts.dateFormat('%H %M', this.value);
				                	}
				                },
				            //tickInterval: 10,
				            type: 'datetime'
				         },
				         yAxis: [{
				             title: {
				                 text: '电压(KV)'
				             }
				         }
				       ],
				         legend: {
				             	layout: 'vertical',
					            align: 'right',
					            verticalAlign: 'top',
					            x:-60,
					            floating: true
				         },
				         tooltip: {
				          	 crosshairs:{//控制十字线  
				              	width:2  
				          	 },
				          	 shared:true,
				          	 xDateFormat:'%Y-%m-%d %H:%M'
				         },
				         credits: {
				    		enabled: false
						},
				         plotOptions: {
				         	spline: {
				                  		dataLabels : {  
				                            enabled :false  
				                        },  
				                       borderWidth: 0
				                  },
				             series: {
				                 cursor: 'pointer',
				                 marker: {
				                     radius: 0, 
				                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
				                 }
				             }
				         },
				         series: [{
					         	type: 'spline',
					             name: 'AVC母线电压实际值(单位：KV)',
					             yAxis:0
					         }, 
					         {
					         	type: 'spline',
					          	 name: 'AVC母线电压调控值(单位：KV)',
					          	 yAxis:0
					         }]
	   };


function agcLine(wpid,type){
		var url = "/agc/getAgcLine.action";
		if(type=="s"){
			url = "/agc/getAgcLineForSimple.action?wpid="+wpid;
		}
		$.ajax({
			url : url,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				$.each(result, function(k, v) {
					//alert(k +"==" + v.length)
						var xdgl = [];
						var sjgl = [];
						var xtime =[];
						var ycgl = [];
						var llgl =[];
						var index=0;
						var count1=0;
						var count2=0;
						var count3=0;
						$.each(v, function(i,obj) {
							if(index<obj.value8){
								index++;
								if(obj.value3!=null){
									ycgl.push( parseFloat(obj.value3) );
								}else{
									ycgl.push( null );
								}
							}
							if(count1 < obj.value6){
								if(obj.value1==null){
									sjgl.push(null);
								}else{
									sjgl.push(parseFloat(obj.value1));
								}
								count1++;
							}
							if(count2 < obj.value7){
								if(obj.value2==null){
									xdgl.push(null);
								}else{
									xdgl.push(parseFloat(obj.value2));
								}
								count2++;
							}
							if(count3 < obj.value5){
								if(obj.value4==null){
									llgl.push(null);
								}else{
									llgl.push(parseFloat(obj.value4));
								}
								count3++;
							}
							if(obj.time==null){
								xtime.push(null);
							}else{
								xtime.push(parseFloat(obj.time));
							}
						});
					if(k=="CL_FDC"){
						options1.series[0].data = sjgl;
						options1.series[1].data = xdgl;
						options1.series[2].data = ycgl;
						options1.series[3].data = llgl;
						options1.xAxis.categories = xtime;
						chart1 = new Highcharts.Chart(options1);
					}else if(k=="KB_FDC"){
						options2.series[0].data = sjgl;
						options2.series[1].data = xdgl;
						options2.series[2].data = ycgl;
						options2.series[3].data = llgl;
						options2.xAxis.categories = xtime;
						chart2 = new Highcharts.Chart(options2);
					}else if(k=="DX_FDC"){
						options3.series[0].data = sjgl;
						options3.series[1].data = xdgl;
						options3.series[2].data = ycgl;
						options3.series[3].data = llgl;
						options3.xAxis.categories = xtime;
						chart3 = new Highcharts.Chart(options3);
					}
				});
					/*chart1 = new Highcharts.Chart(options1);
					chart2 = new Highcharts.Chart(options2);
					chart3 = new Highcharts.Chart(options3);*/
			
			}
		});
		
		
}