|
|
@@ -0,0 +1,153 @@
|
|
|
+<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
+ pageEncoding="UTF-8"%>
|
|
|
+<%@ page import="java.text.SimpleDateFormat"%>
|
|
|
+<%@ include file="../../common.jsp"%>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>港口吞吐量分析</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <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/highcharts-3d.js"></script>
|
|
|
+ <script type="text/javascript" src="${app }/static/js/exporting.js"></script>
|
|
|
+</head>
|
|
|
+<script>
|
|
|
+$(document).ready(function () {
|
|
|
+ initChart();
|
|
|
+ initSelect();
|
|
|
+ iFrameHeightIframe('${menuid}');//自适应高度
|
|
|
+});
|
|
|
+function initSelect(){
|
|
|
+ if('${zzbl}'!=''){
|
|
|
+ $("#zzbl").val('${zzbl}');
|
|
|
+ }
|
|
|
+}
|
|
|
+function initChart(){
|
|
|
+ var amount = ${amountList};
|
|
|
+ var month = ${dateList};
|
|
|
+ var bl = ${bl}
|
|
|
+ $('#container').highcharts({
|
|
|
+ chart: {
|
|
|
+ zoomType: 'xy'
|
|
|
+ },
|
|
|
+ lang : {
|
|
|
+ contextButtonTitle : "图表菜单",
|
|
|
+ resetRoom : "重置",
|
|
|
+ printChart : "打印图片",
|
|
|
+ downloadJPEG : "下载JPEG 图片",
|
|
|
+ downloadPDF : "下载PDF文档",
|
|
|
+ downloadPNG : "下载PNG 图片",
|
|
|
+ downloadSVG : "下载SVG 矢量图",
|
|
|
+ exportButtonTitle : "导出图片",
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+
|
|
|
+ xAxis: [{
|
|
|
+ categories: month,
|
|
|
+ }],
|
|
|
+ yAxis: [{
|
|
|
+ labels: {
|
|
|
+ format: '{value}%',
|
|
|
+ style: {
|
|
|
+ color: '#89A54E'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ text: '增长比率',
|
|
|
+ style: {
|
|
|
+ color:'#89A54E'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, { // Secondary yAxis
|
|
|
+ title: {
|
|
|
+ text: '交通固定资产投资',
|
|
|
+ style: {
|
|
|
+ color: '#4572A7'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ labels: {
|
|
|
+ format: '{value}万元',
|
|
|
+ style: {
|
|
|
+ color: '#4572A7'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ opposite: true
|
|
|
+ }],
|
|
|
+ tooltip: {
|
|
|
+ shared: true
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '交通固定资产投资',
|
|
|
+ type: 'column',
|
|
|
+ yAxis: 1,
|
|
|
+ data: amount,
|
|
|
+ tooltip: {
|
|
|
+ valueSuffix: '万元'
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ name: '增长比率',
|
|
|
+ type: 'spline',
|
|
|
+ data: bl,
|
|
|
+ tooltip: {
|
|
|
+ valueSuffix: '%'
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ });
|
|
|
+}
|
|
|
+</script>
|
|
|
+<body>
|
|
|
+
|
|
|
+<form action="${app }/jtgdzctzfx/main" id="jtgdzctzfxform" method="post" style="margin-top: 30px">
|
|
|
+ <div>
|
|
|
+ <table class="search_table" cellpadding="0" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <th width="11%"></th>
|
|
|
+ <th width="22%"></th>
|
|
|
+ <th width="11%"></th>
|
|
|
+ <th width="22%"></th>
|
|
|
+ <th width="12%"></th>
|
|
|
+ <th width="22%"></th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="right">
|
|
|
+ 选择日期：
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <input id="startDate" class="Wdate" style="width:80%;" name="startDate" value="${startDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',maxDate: '#F{$dp.$D(\'endDate\',{d:0})}'})">
|
|
|
+ </td>
|
|
|
+ <td class="middle">~</td>
|
|
|
+ <td>
|
|
|
+ <input id="endDate" class="Wdate" style="width:80%;" name="endDate" value="${endDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',minDate: '#F{$dp.$D(\'startDate\',{d:0})}'})">
|
|
|
+ </td>
|
|
|
+ <td class="right">
|
|
|
+ 请选择增长比率：
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <span><select id="zzbl" name="zzbl" class="form-control" style="width: 80%">
|
|
|
+ <option value="tb">同比</option>
|
|
|
+ <option value="hb">环比</option>
|
|
|
+ <option value="zs">增速</option>
|
|
|
+ </select></span>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a class="btn btn-default btn-sm" href="#" onclick="$('#jtgdzctzfxform').submit()">
|
|
|
+ <i class="glyphicon glyphicon-search"></i>查询
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+</form>
|
|
|
+
|
|
|
+<h2 align="center" style="margin-top:20px;" ><font style="font-size:16px;color:#196794;font-family:微软雅黑;font-weight: bold;">
|
|
|
+（${startDate}月——${endDate}月）交通固定资产投资分析</font></h2>
|
|
|
+<br>
|
|
|
+ <div id="container" style="min-width:400px;height:400px"></div>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
ld_zhangdong