PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE html>
<html>
  <head>
    <title>设备受损017</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<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/source/echarts.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/echarts-all.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/chart/bar.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" />
	<<!-- link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/gisgrid.css"> -->
	<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/cockpit_layout/icon.css">
	<!-- <style type="text/css">
		.c_page_head{background-color: rgb(0,30,80);line-height: 30px;}
		.c_page_close{margin-top: 3px;right: 5px}
		.c_page_main{outline: 2px red solid;}
	</style> -->
	
	<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/jsc_grid.css">
	
  </head>
  <body style="background-color: rgb(25,39,53)">
 <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><div id="i_page_colse" class=" c_page_close index_icon_close_content"></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=utils.resolveUrl();
	 init();
 });
 function init(){
	 loadChart(pageParam);
 }

 function loadChart(jsonParam){
	$.post("/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getChildDataByWarnningNumber",{
		charType:"shebeisousuntype",
		name:"getChildRecodeSumData",
		compId:jsonParam["compId"],
		parentId:jsonParam["parentId"],
		number:jsonParam.number,
		viewName:"REPORT_LINE_DAOGAN_VIEW"
		},function(result){
		if(result.rows.length==0){
			zeroChart();
			return;
		}
		
 		 var sArr=[{type:"bar",data:[],
 		 		barMaxWidth:40,
	       		radius : "55%",
	            center: ["50%", "60%"],
		 		itemStyle: { 
		           normal: {borderWidth: 1,borderColor:"tomato",
		        	   color: pageStyle[jsonParam.style]["chartColor"][0],
				             label : { show : true,
				             		   position: "top",
				             		   textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"}
				             		 }
		           			}
	   			}	 
 		 }];
 		 
 		 var xAxis=["铁塔倒塌","铁塔变形","断杆","倒杆","电杆倾斜"];
 		 
 		 var data=result.rows[0];
 		 var temp=utils.changeQ(data["tietadaota"]);
  		sArr[0].data.push({value:temp});
 		temp=utils.changeQ(data["tietabianxing"]);
 		sArr[0].data.push({value:temp});
 		temp=utils.changeQ(data["duangan"]);
 		sArr[0].data.push({value:temp});
 		temp=utils.changeQ(data["daogan"]);
 		sArr[0].data.push({value:temp});
 		temp=utils.changeQ(data["dianganqinxie"]);
 		sArr[0].data.push({value:temp});
 		
 		pageParam.opParams={
		 			title:"截止时间："+data["APPEAR_TIME"],//标题
		 			subtext:"当前设备受损数量："+data["sum"]+"  (座)",
		 			unit:"座",//单位
		 			leArr:[],//图例
		 			xAxis:xAxis,//x轴
		 			sArr:sArr,//主数据
		 			show:false,
		 			legendColor:pageParam["legendColor"],     //图例字体颜色
					xAxisColor:pageParam["xAxisColor"],   //X轴字体颜色
					yAxisColor:pageParam["yAxisColor"]    //Y轴字体颜色
		 		};
 		chart=getEchart($("#i_page_chart"),getOption,pageParam.opParams,null); 
 		setTitle();
 		close();
	},"json");
 }

 /**
  *设置标题
  */
  function setTitle(){
 	 $("#i_page_head_title").find("h2").remove();
 		$("#i_page_head_title").append("<h2>"+pageParam.title+"设备受损统计</h2>");

 	} 


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