xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>

<head>
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
<script src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js" type="text/javascript"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js"></script>
<script	src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>

<script type="text/javascript">

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

var options1;
var options2;
var options3;
var options4;
var options5;
var options6;
$(function() {
	var wf = '<s:property value="windfarm"/>';
	var wt = '<s:property value="windturbineid"/>';
	var rd = '<s:property value="recorddate"/>';

	changeFc(wf, wt);
	/***************************************************************************************************/
	options1 = {
		chart : {
			renderTo : 'rqr',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '日切入频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	options2 = {
		chart : {
			renderTo : 'yqr',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '月切入频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	options3 = {
		chart : {
			renderTo : 'nqr',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '年切入频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	options4 = {
		chart : {
			renderTo : 'rqc',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '日切出频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	options5 = {
		chart : {
			renderTo : 'yqc',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '月切出频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	options6 = {
		chart : {
			renderTo : 'nqc',
			height:300,width:480,
			plotBackgroundColor : null,
			plotBorderWidth : null,
			plotShadow : false
		},
		title : {
			text : '年切出频率分析'
		},
		tooltip : {
			pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions : {
			pie : {
				allowPointSelect : true,
				cursor : 'pointer',
				dataLabels : {
					enabled : false,
					color : '#000000',
					connectorColor : '#000000',
					format : '<b>{point.name}</b>: {point.percentage:.1f} %'
				},
				showInLegend : true

			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'middle',
			borderWidth : 0
		},

		series : [ {
			type : 'pie',
			name : '频率',
			data : []
		} ]
	}
	/***************************************************************************************************/
	showChart();
})
function changeFc(fcId, fjId) {
	
		var url = "../warn/changeFc.action?fcId=" + fcId;
		$
				.ajax({
					type : "post",
					url : url,
					dataType : "json",
					success : function(data) {
						if (data.length != 0) {
							eval(data);
							$("#windturbineid").empty();
							for ( var i = 0; i < data.length; i++) {
								$("#windturbineid").append("<option value='"+data[i].id+"'>"+data[i].code+"</option>");
							}
							$("#windturbineid").val(fjId);
						} else {
							$("#windturbineid").empty();
							
						}
					}
				});

	}
function queryData() {

	var recorddate = $("#recorddate").val();

	var windfarm = $("#windfarm").val();
	var windturbineid = $("#windturbineid").val();

	if ("" == windfarm) {
		alert("请选择风场!");
		return false;
	} else if ("" == windturbineid) {
		alert("请选择风机!");
		return false;
	}
	if ("" == recorddate) {
		alert("请选择查询日期!");
		return false;
	}

	$("#f1").attr("action", "../wtgoodness/detailpieindex.action").submit();
}

var temp = 0;
function showChart() {
	var url1;
	var url2;
	var url3;
	var url4;
	var url5;
	var url6;
	if (temp == 0) {
		var windturbineid = '<s:property value="windturbineid"/>';
		var recorddate = '<s:property value="recorddate"/>';
		url1 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=1";
		url2 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=2";
		url3 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=3";
		url4 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=4";
		url5 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=5";
		url6 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=6";
		temp++;
	} else {

		var recorddate = $("#recorddate").val();
		var windturbineid = $("#windturbineid").val();
		url1 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=1";
		url2 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=2";
		url3 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=3";
		url4 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=4";
		url5 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=5";
		url6 = "../wtgoodness/pieChart.action?windturbineid=" + windturbineid
				+ "&recorddate=" + recorddate + "&type=6";
	}
	/***************************************************************************************************/
	$.ajax( {
		url : url1,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options1.series[0].data = xaixs;
				chart1 = new Highcharts.Chart(options1);
			}
		}
	});
/***************************************************************************************************/
$.ajax( {
		url : url2,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options2.series[0].data = xaixs;
				chart2 = new Highcharts.Chart(options2);
			}
		}
	});
/***************************************************************************************************/
$.ajax( {
		url : url3,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options3.series[0].data = xaixs;
				chart3 = new Highcharts.Chart(options3);
			}
		}
	});
/***************************************************************************************************/
$.ajax( {
		url : url4,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options4.series[0].data = xaixs;
				chart4 = new Highcharts.Chart(options4);
			}
		}
	});
/***************************************************************************************************/
$.ajax( {
		url : url5,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options5.series[0].data = xaixs;
				chart5 = new Highcharts.Chart(options5);
			}
		}
	});
/***************************************************************************************************/
$.ajax( {
		url : url6,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			if (null!=result && result.length != 0) {
				eval(result);
				var xaixs = [];
				for ( var i = 0; i < result.length; i += 1) {

					var jsonObj1 = [ result[i].name, result[i].value2 ];

					xaixs.push(jsonObj1);

				}
				options6.series[0].data = xaixs;
				chart6 = new Highcharts.Chart(options6);
			}
		}
	});
/***************************************************************************************************/
}
</script>


	<body style='overflow: scroll;'>
		<form action="" method="get" id="f1">
			<table width="1560" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td width="50" height="30" bgcolor="#EFF1F0">
						&nbsp;
					</td>
					<td width="1560" bgcolor="#EFF1F0">
						<span class="Text"> 风场： <label for="textfield5"></label> <s:if
								test="u.wpId == null">
								<s:select list="wps" listKey="id" listValue="name" id="windfarm"
									name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
							</s:if> <s:else>
								<s:select list="wps" listKey="id" listValue="name" id="windfarm"
									name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
							</s:else> 风机： <label for="textfield6" width="100"></label> <select
								name="windturbineid" id="windturbineid">
								<option value="">
									请选择
								</option>
							</select> 日期： <s:textfield cssClass="Wdate"
								onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
								id="recorddate" name="recorddate" title="开始日期" /> <input
								type="submit" name="button" id="button" onclick="queryData();"
								value="查询" />
					</td>

					</span>
					</td>
				</tr>
			</table>

			<table width="1000" border="0" cellspacing="0" cellpadding="0">

				<tr>
					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie1.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="rqr"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>
					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie2.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="yqr"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>
					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie3.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="nqr"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie4.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="rqc"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>
					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie5.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="yqc"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>

					<td align="center" valign="top">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<img
										src="<%=request.getContextPath()%>/resource/images/detailInfo/pie6.jpg"
										width="500" height="35" />
								</td>
							</tr>
							<tr>
								<td>

									<div id="nqc"></div>
								</td>
							</tr>
							<tr>
								<td></td>
							</tr>
						</table>
					</td>

				</tr>
			</table>
		</form>
	</body>