PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html>
  <head>
    <title>线路跳闸统计图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/context.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/chart/line.js"></script>
<script type="text/javascript" src=" /nwyj/page/cockpit/cockpit_echart.js"></script>
<!--    <script type="text/javascript" src=" /nwyj/page/cockpit/webgis/util.js"></script>   -->
<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/util.js"></script>
<link rel="stylesheet" type="text/css" href=" /nwyj/css/cockpit/commom/ehcartPage.css" />
<link rel="stylesheet" type="text/css" href=" /nwyj/scripts/qui/libs/skins/flatBlue/style1.css" />
  </head>
  <body>
 <div id="i_page_main" class="c_page_main">
 	<div id="i_page_head" class="c_page_head">
 		<div id="i_page_head_title">
 		</div>
 		<div id="i_page_head_subtitle"></div>
 	</div>
 	<div id="i_page_chart" class="c_page_chart">
 	</div>
 </div>

 <script type="text/javascript">
 
 var pageParam={};
 var chart=null;
 var utils=new Util();
 $(function(){
	 pageParam.style=utils.resolveUrl()["style"]||"style1";
	 pageParam.title=utils.resolveUrl()["title"]||"广东电网";
	 pageParam.number=utils.resolveUrl()["number"]||warnningnumber;
	 pageParam.startTime=start;
	 pageParam.endTime=end;
	 init();
 });
 function init(){
	 loadChart(pageParam);
 }

 
 function loadChart(jsonParam){
	$.post("/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getCompResentNRecodesInfo",{charType:"xianlutiaozha",sepratestr:"-",name:"getProiedRecodesAfterNumber",parentId:"11",start:jsonParam.startTime,end:jsonParam.endTime,viewName:"ROUTE_OFLINE_RESTORE_VIEW-ROUTE_OFLINE_RESTORE_VIEW"},function(result){
 		if(result.rows.length==0){
			pageParam.opParams={
		 			title:"",//标题
		 			subtext:"",
		 			unit:"",//单位
		 			leArr:[],//图例
		 			xAxis:[],//x轴
		 			sArr:sArr//主数据
		 		};
	 		chart=getEchart($("#i_page_chart"),getOption,pageParam.opParams,null); 
	 		setTitle();
	 		return;
	 			
 		}
 		 var sArr=[{type:"line",name:"500kV",data:[]},
 		           {type:"line",name:"200kV",data:[]},
 				   {type:"line",name:"110kV",data:[]},
         		   {type:"line",name:"35kV",data:[]},
         		   {type:"line",name:"10kV",data:[]}];
 		 var xAxis=[];
 		 var data=result.rows[0];
			for(var index=0,len=result.rows.length;index<len;index++){
				var item=result.rows[index];
				sArr[0].data.push(utils.changeQ(item["TRIP_OUT_ONE"]));
				sArr[1].data.push(utils.changeQ(item["TRIP_OUT_TWO"]));
				sArr[2].data.push(utils.changeQ(item["TRIP_OUT_THREE"]));
				sArr[3].data.push(utils.changeQ(item["TRIP_OUT_FOUR"]));
				sArr[4].data.push(utils.changeQ(item["TRIP_OUT_FIVE"]));
				xAxis.push(item["APPEAR_TIME"]);
			}
			pageParam.opParams={
		 			title:"截止时间："+item["APPEAR_TIME"],//标题
		 			subtext:"当前停运数："+item["sum"]+"  (条)",
		 			unit:"条",//单位
		 			leArr:["已恢复","未恢复"],//图例
		 			xAxis:xAxis,//x轴
		 			sArr:sArr//主数据
		 		};
 		chart=getEchart($("#i_page_chart"),getOption,pageParam.opParams,null); 

 	 	setTitle();
 	 	bindEvent();
	},"json");
 }
 function setTitle(){
	 $("#i_page_head_title").find("h2").remove();
		$("#i_page_head_title").append("<h2>"+pageParam.title+"线路跳闸曲线图</h2>");

	}
 function bindEvent(){
		$(window).resize(function(){
			chart.resize();
		});
		 
	 }


   </script>
  </body>
</html>