<%@ page language="java" pageEncoding="UTF-8"
contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title>船舶流量监控</title>
<script type="text/javascript" src="/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript"
src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript"
src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script type="text/javascript"
src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>
<link href="../resources/plugins/jq_mobile/jquery.mobile-1.4.4.min.css"
rel="stylesheet">
<script type="text/javascript">
$(function () {
$('#test_zhuzhuangtup').highcharts({
title: {
text: '船流量监控',
x: -20
},
xAxis: {
categories: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]
},
yAxis: {
title: {
text: '单位(/艘)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '艘'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{name:"test",data:[0,0,0,0,0,0,0,0,0,0,0,0]}]
});
});
//点击查询触发该方法
//$('#test_table').datagrid('load', serializeObject($('#test_searchForm')));
// data: {username:$("#username").val(), content:$("#content").val()},
//获取查询条件
</