|
|
@@ -17,9 +17,20 @@
|
|
|
<script>
|
|
|
$(document).ready(function () {
|
|
|
initChart();
|
|
|
+ initSelect();
|
|
|
});
|
|
|
+function initSelect(){
|
|
|
+ if('${tjx}'!=''){
|
|
|
+ $("#tjx").val('${tjx}');
|
|
|
+ }
|
|
|
+ if('${zzbl}'!=''){
|
|
|
+ $("#zzbl").val('${zzbl}');
|
|
|
+ }
|
|
|
+}
|
|
|
function initChart(){
|
|
|
- var a = [10,20,30,40,50,60];
|
|
|
+ var ttl = ${ttl};
|
|
|
+ var month = ${dateList};
|
|
|
+ var bl = ${bl}
|
|
|
$('#container').highcharts({
|
|
|
chart: {
|
|
|
zoomType: 'xy'
|
|
|
@@ -31,32 +42,31 @@ function initChart(){
|
|
|
text: 'Source: WorldClimate.com'
|
|
|
}, */
|
|
|
xAxis: [{
|
|
|
- categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
|
|
|
- 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
|
+ categories: month,//['Jan', 'Feb', 'Mar', 'Apr', 'May'],
|
|
|
crosshair: true
|
|
|
}],
|
|
|
yAxis: [{ // Primary yAxis
|
|
|
labels: {
|
|
|
- format: '{value}吨',
|
|
|
+ format: '{value}%',
|
|
|
style: {
|
|
|
color: Highcharts.getOptions().colors[1]
|
|
|
}
|
|
|
},
|
|
|
title: {
|
|
|
- text: '货物吞吐量',
|
|
|
+ text: '百分比',
|
|
|
style: {
|
|
|
color: Highcharts.getOptions().colors[1]
|
|
|
}
|
|
|
}
|
|
|
}, { // Secondary yAxis
|
|
|
title: {
|
|
|
- text: '百分比',
|
|
|
+ text: '货物吞吐量',
|
|
|
style: {
|
|
|
color: Highcharts.getOptions().colors[0]
|
|
|
}
|
|
|
},
|
|
|
labels: {
|
|
|
- format: '{value}%',
|
|
|
+ format: '{value}吨',
|
|
|
style: {
|
|
|
color: Highcharts.getOptions().colors[0]
|
|
|
}
|
|
|
@@ -79,23 +89,23 @@ function initChart(){
|
|
|
name: '吞吐量',
|
|
|
type: 'column',
|
|
|
yAxis: 1,
|
|
|
- data: a,//[49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
|
|
|
+ data: ttl,//[49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
|
|
|
tooltip: {
|
|
|
- valueSuffix: ' mm'
|
|
|
+ valueSuffix: '吨'
|
|
|
}
|
|
|
}, {
|
|
|
name: '百分比',
|
|
|
type: 'spline',
|
|
|
- data: a,//[7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
|
|
|
+ data: bl,
|
|
|
tooltip: {
|
|
|
- valueSuffix: '°C'
|
|
|
+ valueSuffix: '%'
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
</script>
|
|
|
<body>
|
|
|
+<form action="${app }/hwttlfx/main" id="hwttlfxform" method="post">
|
|
|
<div>
|
|
|
<table class="search_table" cellpadding="0" cellspacing="0">
|
|
|
<tr>
|
|
|
@@ -111,7 +121,7 @@ function initChart(){
|
|
|
请选择统计项：
|
|
|
</td>
|
|
|
<td>
|
|
|
- <span><select name="tjx" class="form-control" style="width: 80%">
|
|
|
+ <span><select id="tjx" name="tjx" class="form-control" style="width: 80%">
|
|
|
<option value="GK03010202000000000000000000">合计</option>
|
|
|
<option value="GK03010202000010000000000000">进港</option>
|
|
|
<option value="GK03010202000020000000000000">出港</option>
|
|
|
@@ -121,11 +131,11 @@ function initChart(){
|
|
|
选择日期：
|
|
|
</td>
|
|
|
<td>
|
|
|
- <input id="d4311" class="Wdate" style="width:80%;" name="xkzstartDate" value="${xkzstartDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',maxDate: '#F{$dp.$D(\'d4312\',{d:0})}'})">
|
|
|
+ <input id="startDate" class="Wdate" style="width:80%;" name="startDate" value="${startDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM'})">
|
|
|
</td>
|
|
|
<td class="middle">~</td>
|
|
|
<td>
|
|
|
- <input id="d4312" class="Wdate" style="width:80%;" name="xkzendDate" value="${xkzendDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM',minDate: '#F{$dp.$D(\'d4311\',{d:0})}'})">
|
|
|
+ <input id="endDate" class="Wdate" style="width:80%;" name="endDate" value="${endDate}" type="text" onFocus="WdatePicker({lang:'zh-cn',skin:'default',dateFmt:'yyyy-MM'})">
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
@@ -133,15 +143,24 @@ function initChart(){
|
|
|
请选择增长比率：
|
|
|
</td>
|
|
|
<td>
|
|
|
- <span><select name="zzbl" class="form-control" style="width: 80%">
|
|
|
+ <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></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>
|
|
|
+ <a class="btn btn-default btn-sm" href="#" onclick="$('#hwttlfxform').submit()">
|
|
|
+ <i class="glyphicon glyphicon-search"></i>查询
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
+</form>
|
|
|
<div id="container" style="min-width:400px;height:400px"></div>
|
|
|
</body>
|
|
|
</html>
|
ld_jiangxf