hs
/
jsgkj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802
							<!DOCTYPE html >
<html >
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.text.SimpleDateFormat"%>
 <%@ include file="../../common.jsp"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单船吞吐量统计</title>
</head>
<link rel="stylesheet" type="text/css"	href="${app }/static/css/public.css" />
<link rel="stylesheet" type="text/css"	href="${app }/static/css/other.css" />
<script type="text/javascript" src="${app }/static/js/highcharts.js"></script>
<script type="text/javascript" src="${app }/static/js/exporting.js"></script>
<script type="text/javascript" src="${app }/static/js/highcharts-3d.js"></script>
<script type="text/javascript" src="${app }/static/biz/js/gkyxtjyfx/hzttltj/hzttltj.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		hzttltj.main.init();
		iFrameHeightIframe('${menuid}');//自适应高度
	});

	
	$(function () {
		var list = '${list}';
		var zttl=[];
		var name=[];
		var hb=[];
		var tb=[]
		
	    $.each(JSON.parse(list), function (n, value) {
	    	name[n]=value.tjmonth+"月";
	    	zttl[n]=value.ttl;
	    	hb[n]=value.hb;
	    	tb[n]=value.tb;
	  	});
	    $('#container').highcharts({
	    	title:{
	    		text:""
	    	},
	        chart: {
	            zoomType: 'xy'
	        },
	        xAxis: [{
	            categories: eval(name)
	        }],
	        yAxis: [{ // Primary yAxis
	        	min:-20,
	        	max:50,
	            labels: {
	                formatter: function() {
	                    return this.value +'%';
	                },
	                style: {
	                    color: '#89A54E'
	                }
	            },
	            title: {
	                text: '同比增长率',
	                style: {
	                    color: '#89A54E'
	                }
	            },
	            opposite: true,

	        }, { // Secondary yAxis
	        	min:0,
	        	max:100,
	            gridLineWidth: 0,
	            title: {
	                text: '吞吐量',
	                style: {
	                    color: '#4572A7'
	                }
	            },
	            labels: {
	                formatter: function() {
	                    return this.value +' 吨';
	                },
	                style: {
	                    color: '#4572A7'
	                }
	            }

	        }, { // Tertiary yAxis
	        	min:-20,
	        	max:50,
	            gridLineWidth: 0,
	            title: {
	                text: '环比增长率',
	                style: {
	                    color: '#AA4643'
	                }
	            },
	            labels: {
	                formatter: function() {
	                    return this.value +' %';
	                },
	                style: {
	                    color: '#AA4643'
	                }
	            },
	            opposite: true
	        }],
	        tooltip: {
	            shared: true
	        },
	        legend: {
	            layout: 'vertical',
	            align: 'left',
	            x: 120,
	            verticalAlign: 'top',
	            y: 80,
	            floating: true,
	            backgroundColor: '#FFFFFF'
	        },
	        series: [{
	            name: '吞吐量',
	            color: '#4572A7',
	            type: 'column',
	            yAxis: 1,
	            data: eval('['+zttl+']'),
	            tooltip: {
	                valueSuffix: ' 吨'
	            }

	        }, {
	            name: '环比增长率',
	            type: 'spline',
	            color: '#AA4643',
	            yAxis: 2,
	            data: eval('['+hb+']'),
	            marker: {
	                enabled: false
	            },
	            dashStyle: 'shortdot',
	            tooltip: {
	                valueSuffix: ' %'
	            }

	        }, {
	            name: '同比增长率',
	            color: '#89A54E',
	            type: 'spline',
	            data: eval('['+tb+']'),
	            tooltip: {
	                valueSuffix: ' %'
	            }
	        }]
	    });
	});	
</script>
<style type="text/css">
.main_table td{
text-align:left;
padding-left:20px;
width:50px;
}
</style>
</head>
<body>
<div style="margin-top:30px;">
<form action="${app }/hzttltj/main" id="hzttltjform" method="post"> 	
<table class="search_table" cellpadding="0" cellspacing="0" align="center" >
		<tr>
				<th width="11%"></th>	
				<th width="22%"></th>
				<th width="11%"></th>
				<th width="22%"></th>
				<th width="12%"></th>
		</tr>
                      
			    <tr align="center">
				<td align="right" >报告时间起：&nbsp;</td>
                <td align="left" ><input id="d4311" class="Wdate" name="startDate" value="${startDate}"  type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',maxDate: '#F{$dp.$D(\'d4312\',{d:0})}'})"></td>
                <td align="right">报告时间止：&nbsp;</td>
                <td align="left" ><input id="d4312" class="Wdate" name="endDate" value="${endDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',minDate: '#F{$dp.$D(\'d4311\',{d:0})}'})"></td>
               <th width="12%"></th>
               </tr>
               <tr>
                <tr align="center">
                <td align="right" >货物种类第一大类：&nbsp;</td>
              	<td align="left" ><span id="hwzldydl"></span></td>
              	<td align="right" >货物种类第二大类：&nbsp;</td>
              	<td align="left" ><span id="hwzldedl"></span></td>
                <td align="left">
               	<a class="btn btn-default btn-sm" href="#" onclick="hzttltj.main.search()">
				<i class="glyphicon glyphicon-search"></i>检索</a>
                </td>
		 	   </tr>
         <tr>
         </tr>
</table>
</form>
</div>
<h2 align="center" style="margin-top:20px;" ><font style="font-size:16px;color:#196794;font-family:微软雅黑;font-weight: bold;">
${queryTime1}<c:if test="${queryTime2!=''&&(queryTime2!=queryTime1)}">-${queryTime2}</c:if>单船吞吐量统计图</font></h2>
<div id="container" style="min-width: 200px; min-height:300px; margin: 0 auto;"></div>
	<div style="margin:28px 35px ;height:40%;min-height:200px;">
    <table id="dctjtb" class="main_table" style="width:99%" border="1">
			<tr >
				<th rowspan="2">货物分类</th>
				<th colspan="3">总计</th>
				<th colspan="3">出港</th>
				<th colspan="3">进港</th>
			</tr>
			<tr >
				<th >合计</th>
				<th >外贸</th>
				<th >内贸</th>
				<th >合计</th>
				<th >外贸</th>
				<th >内贸</th>
				<th >合计</th>
				<th >外贸</th>
				<th >内贸</th>
			</tr>
			<tr>
				<td >总计</td>
				<td>${a1}</td>
				<td>${a44}</td>
				<td>${a87}</td>
				<td>${a130}</td>
				<td>${a173}</td>
				<td>${a216}</td>
				<td>${a259}</td>
				<td>${a302}</td>
				<td>${a345}</td>
			</tr>
			<tr>
				<td>其中：转口</td>
				<td>${a2}</td>
				<td>${a45}</td>
				<td>${a88}</td>
				<td>${a131}</td>
				<td>${a174}</td>
				<td>${a217}</td>
				<td>${a260}</td>
				<td>${a303}</td>
				<td>${a346}</td>
			</tr>
			<tr>
				<td>内：船过船</td>
				<td>${a3}</td>
				<td>${a46}</td>
				<td>${a89}</td>
				<td>${a132}</td>
				<td>${a175}</td>
				<td>${a218}</td>
				<td>${a261}</td>
				<td>${a304}</td>
				<td>${a347}</td>
			</tr>
			<tr>
				<td>煤炭及制品</td>
				<td>${a4}</td>
				<td>${a47}</td>
				<td>${a90}</td>
				<td>${a133}</td>
				<td>${a176}</td>
				<td>${a219}</td>
				<td>${a262}</td>
				<td>${a305}</td>
				<td>${a348}</td>
			</tr>
			<tr>
				<td style="padding-left:100px">其中：焦炭</td>
				<td>${a5}</td>
				<td>${a48}</td>
				<td>${a91}</td>
				<td>${a134}</td>
				<td>${a177}</td>
				<td>${a220}</td>
				<td>${a263}</td>
				<td>${a306}</td>
				<td>${a349}</td>
			</tr>
			<tr>
				<td>石油、天然气及制品</td>
				<td>${a6}</td>
				<td>${a49}</td>
				<td>${a92}</td>
				<td>${a135}</td>
				<td>${a178}</td>
				<td>${a221}</td>
				<td>${a264}</td>
				<td>${a307}</td>
				<td>${a350}</td>
			</tr>
			<tr>
				<td style="padding-left:100px">其中：原油</td>
				<td>${a7}</td>
				<td>${a50}</td>
				<td>${a93}</td>
				<td>${a136}</td>
				<td>${a179}</td>
				<td>${a222}</td>
				<td>${a265}</td>
				<td>${a308}</td>
				<td>${a351}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">成品油</td>
				<td>${a8}</td>
				<td>${a51}</td>
				<td>${a94}</td>
				<td>${a137}</td>
				<td>${a180}</td>
				<td>${a223}</td>
				<td>${a266}</td>
				<td>${a309}</td>
				<td>${a352}</td>

								
			</tr>
			<tr>
				<td style="padding-left:100px">液化气、天然气</td>
				<td>${a9}</td>
				<td>${a52}</td>
				<td>${a95}</td>
				<td>${a138}</td>
				<td>${a181}</td>
				<td>${a224}</td>
				<td>${a267}</td>
				<td>${a310}</td>
				<td>${a353}</td>
			</tr>
			<tr>
				<td>金属矿石</td>
				<td>${a10}</td>
				<td>${a53}</td>
				<td>${a96}</td>
				<td>${a139}</td>
				<td>${a182}</td>
				<td>${a225}</td>
				<td>${a268}</td>
				<td>${a311}</td>
				<td>${a354}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：铁矿石</td>
				<td>${a11}</td>
				<td>${a54}</td>
				<td>${a97}</td>
				<td>${a140}</td>
				<td>${a183}</td>
				<td>${a226}</td>
				<td>${a269}</td>
				<td>${a312}</td>
				<td>${a355}</td>
			</tr>
			<tr>
				<td>钢铁</td>
				<td>${a12}</td>
				<td>${a55}</td>
				<td>${a98}</td>
				<td>${a141}</td>
				<td>${a184}</td>
				<td>${a227}</td>
				<td>${a270}</td>
				<td>${a313}</td>
				<td>${a356}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：钢铁</td>
				<td>${a13}</td>
				<td>${a56}</td>
				<td>${a99}</td>
				<td>${a142}</td>
				<td>${a185}</td>
				<td>${a228}</td>
				<td>${a271}</td>
				<td>${a314}</td>
				<td>${a357}</td>

			</tr>
			<tr>
				<td style="padding-left:100px">生铁</td>
				<td>${a14}</td>
				<td>${a57}</td>
				<td>${a100}</td>
				<td>${a143}</td>
				<td>${a186}</td>
				<td>${a229}</td>
				<td>${a272}</td>
				<td>${a315}</td>
				<td>${a358}</td>

				
			</tr>
			<tr>
				<td>矿建材料</td>
				<td>${a15}</td>
<td>${a58}</td>
<td>${a101}</td>
<td>${a144}</td>
<td>${a187}</td>
<td>${a230}</td>
<td>${a273}</td>
<td>${a316}</td>
<td>${a359}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：砂</td>
				<td>${a16}</td>
<td>${a59}</td>
<td>${a102}</td>
<td>${a145}</td>
<td>${a188}</td>
<td>${a231}</td>
<td>${a274}</td>
<td>${a317}</td>
<td>${a360}</td>

				
			</tr>
			<tr>
				<td>水泥</td>
				<td>${a17}</td>
<td>${a60}</td>
<td>${a103}</td>
<td>${a146}</td>
<td>${a189}</td>
<td>${a232}</td>
<td>${a275}</td>
<td>${a318}</td>
<td>${a361}</td>

				
			</tr>
			<tr>
				<td>木材</td>
				<td>${a18}</td>
<td>${a61}</td>
<td>${a104}</td>
<td>${a147}</td>
<td>${a190}</td>
<td>${a233}</td>
<td>${a276}</td>
<td>${a319}</td>
<td>${a362}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：原木</td>
			<td>${a19}</td>
<td>${a62}</td>
<td>${a105}</td>
<td>${a148}</td>
<td>${a191}</td>
<td>${a234}</td>
<td>${a277}</td>
<td>${a320}</td>
<td>${a363}</td>

				
			</tr>
			<tr>
				<td>非金属矿石</td>
			<td>${a20}</td>
<td>${a63}</td>
<td>${a106}</td>
<td>${a149}</td>
<td>${a192}</td>
<td>${a235}</td>
<td>${a278}</td>
<td>${a321}</td>
<td>${a364}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：磷矿</td>
			<td>${a21}</td>
<td>${a64}</td>
<td>${a107}</td>
<td>${a150}</td>
<td>${a193}</td>
<td>${a236}</td>
<td>${a279}</td>
<td>${a322}</td>
<td>${a365}</td>

			</tr>
			<tr>
				<td>化肥及农药</td>
				<td>${a22}</td>
<td>${a65}</td>
<td>${a108}</td>
<td>${a151}</td>
<td>${a194}</td>
<td>${a237}</td>
<td>${a280}</td>
<td>${a323}</td>
<td>${a366}</td>

				
			</tr>
			<tr>
				<td>盐</td>
			<td>${a23}</td>
<td>${a66}</td>
<td>${a109}</td>
<td>${a152}</td>
<td>${a195}</td>
<td>${a238}</td>
<td>${a281}</td>
<td>${a324}</td>
<td>${a367}</td>

				
			</tr>
			<tr>
				<td>粮食</td>
				<td>${a24}</td>
<td>${a67}</td>
<td>${a110}</td>
<td>${a153}</td>
<td>${a196}</td>
<td>${a239}</td>
<td>${a282}</td>
<td>${a325}</td>
<td>${a368}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：小麦</td>
			<td>${a25}</td>
<td>${a68}</td>
<td>${a111}</td>
<td>${a154}</td>
<td>${a197}</td>
<td>${a240}</td>
<td>${a283}</td>
<td>${a326}</td>
<td>${a369}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">玉米</td>
				<td>${a26}</td>
<td>${a69}</td>
<td>${a112}</td>
<td>${a155}</td>
<td>${a198}</td>
<td>${a241}</td>
<td>${a284}</td>
<td>${a327}</td>
<td>${a370}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">黄豆</td>
				<td>${a27}</td>
<td>${a70}</td>
<td>${a113}</td>
<td>${a156}</td>
<td>${a199}</td>
<td>${a242}</td>
<td>${a285}</td>
<td>${a328}</td>
<td>${a371}</td>

			</tr>
			<tr>
				<td style="padding-left:100px">大米</td>
				<td>${a28}</td>
<td>${a71}</td>
<td>${a114}</td>
<td>${a157}</td>
<td>${a200}</td>
<td>${a243}</td>
<td>${a286}</td>
<td>${a329}</td>
<td>${a372}</td>

				
			</tr>
			<tr>
				<td>机械、设备、电器</td>
				<td>${a29}</td>
<td>${a72}</td>
<td>${a115}</td>
<td>${a158}</td>
<td>${a201}</td>
<td>${a244}</td>
<td>${a287}</td>
<td>${a330}</td>
<td>${a373}</td>

				
			</tr>
			<tr>
				<td>化工原料及制品</td>
				<td>${a30}</td>
<td>${a73}</td>
<td>${a116}</td>
<td>${a159}</td>
<td>${a202}</td>
<td>${a245}</td>
<td>${a288}</td>
<td>${a331}</td>
<td>${a374}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：橡胶</td>
				<td>${a31}</td>
<td>${a74}</td>
<td>${a117}</td>
<td>${a160}</td>
<td>${a203}</td>
<td>${a246}</td>
<td>${a289}</td>
<td>${a332}</td>
<td>${a375}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">纯碱</td>
			<td>${a32}</td>
<td>${a75}</td>
<td>${a118}</td>
<td>${a161}</td>
<td>${a204}</td>
<td>${a247}</td>
<td>${a290}</td>
<td>${a333}</td>
<td>${a376}</td>

				
			</tr>
			<tr>
				<td>有色金属</td>
			<td>${a33}</td>
<td>${a76}</td>
<td>${a119}</td>
<td>${a162}</td>
<td>${a205}</td>
<td>${a248}</td>
<td>${a291}</td>
<td>${a334}</td>
<td>${a377}</td>

				
			</tr>
			<tr>
				<td>轻工、医药产品</td>
				<td>${a34}</td>
<td>${a77}</td>
<td>${a120}</td>
<td>${a163}</td>
<td>${a206}</td>
<td>${a249}</td>
<td>${a292}</td>
<td>${a335}</td>
<td>${a378}</td>
								
			</tr>
			<tr>
				<td style="padding-left:100px">其中：纸</td>
		<td>${a35}</td>
<td>${a78}</td>
<td>${a121}</td>
<td>${a164}</td>
<td>${a207}</td>
<td>${a250}</td>
<td>${a293}</td>
<td>${a336}</td>
<td>${a379}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">日用工业品</td>
			<td>${a36}</td>
<td>${a79}</td>
<td>${a122}</td>
<td>${a165}</td>
<td>${a208}</td>
<td>${a251}</td>
<td>${a294}</td>
<td>${a337}</td>
<td>${a380}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">糖</td>
			<td>${a37}</td>
<td>${a80}</td>
<td>${a123}</td>
<td>${a166}</td>
<td>${a209}</td>
<td>${a252}</td>
<td>${a295}</td>
<td>${a338}</td>
<td>${a381}</td>

								
			</tr>
			<tr>
				<td>农、林、牧、渔业产品</td>
			<td>${a38}</td>
<td>${a81}</td>
<td>${a124}</td>
<td>${a167}</td>
<td>${a210}</td>
<td>${a253}</td>
<td>${a296}</td>
<td>${a339}</td>
<td>${a382}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：棉花</td>
				<td>${a39}</td>
<td>${a82}</td>
<td>${a125}</td>
<td>${a168}</td>
<td>${a211}</td>
<td>${a254}</td>
<td>${a297}</td>
<td>${a340}</td>
<td>${a383}</td>

				
			</tr>
			<tr>
				<td>其他</td>
				<td>${a40}</td>
<td>${a83}</td>
<td>${a126}</td>
<td>${a169}</td>
<td>${a212}</td>
<td>${a255}</td>
<td>${a298}</td>
<td>${a341}</td>
<td>${a384}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">其中：集装箱重量（吨）</td>
			<td>${a41}</td>
<td>${a84}</td>
<td>${a127}</td>
<td>${a170}</td>
<td>${a213}</td>
<td>${a256}</td>
<td>${a299}</td>
<td>${a342}</td>
<td>${a385}</td>

			</tr>
			<tr>
				<td style="padding-left:100px">滚装船汽车吞吐量（吨）</td>
			<td>${a42}</td>
<td>${a85}</td>
<td>${a128}</td>
<td>${a171}</td>
<td>${a214}</td>
<td>${a257}</td>
<td>${a300}</td>
<td>${a343}</td>
<td>${a386}</td>

				
			</tr>
			<tr>
				<td style="padding-left:100px">滚装船汽车吞吐量（标辆）</td>
			<td>${a43}</td>
<td>${a86}</td>
<td>${a129}</td>
<td>${a172}</td>
<td>${a215}</td>
<td>${a258}</td>
<td>${a301}</td>
<td>${a344}</td>
<td>${a387}</td>

				
			</tr>
		</table>
	</div> 
</body>
</html>