138 lines
5.3 KiB
HTML
138 lines
5.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>重庆市气象大数据可视化分析系统</title>
|
|
<script type="text/javascript" src="web/js/jquery.js"></script>
|
|
<link rel="stylesheet" href="web/css/comon0.css">
|
|
</head>
|
|
<script>
|
|
$(window).load(function () {
|
|
$(".loading").fadeOut()
|
|
})
|
|
|
|
/****/
|
|
$(document).ready(function () {
|
|
var whei = $(window).width()
|
|
$("html").css({fontSize: whei / 20})
|
|
$(window).resize(function () {
|
|
var whei = $(window).width()
|
|
$("html").css({fontSize: whei / 20})
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="web/js/echarts.min.js"></script>
|
|
<script language="JavaScript" src="web/js/js.js"></script>
|
|
<body>
|
|
<
|
|
<div class="canvas" style="opacity: .2">
|
|
<iframe frameborder="0" src="web/js/index.html" style="width: 100%; height: 100%"></iframe>
|
|
</div>
|
|
<div class="loading">
|
|
<div class="loadbox"><img src="web/picture/loading.gif"> 页面加载中...</div>
|
|
</div>
|
|
<div class="head">
|
|
<h1><a href=" " style="color: white">重庆市气象大数据可视化分析系统</a></h1>
|
|
<div class="weather"><img src="web/picture/weather.png"><span>多云转小雨</span><span id="showTime"></span></div>
|
|
|
|
<script>
|
|
var t = null;
|
|
t = setTimeout(time, 1000);//開始运行
|
|
function time() {
|
|
clearTimeout(t);//清除定时器
|
|
dt = new Date();
|
|
var y = dt.getFullYear();
|
|
var mt = dt.getMonth() + 1;
|
|
var day = dt.getDate();
|
|
var h = dt.getHours();//获取时
|
|
var m = dt.getMinutes();//获取分
|
|
var s = dt.getSeconds();//获取秒
|
|
document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
|
|
t = setTimeout(time, 1000); //设定定时器，循环运行
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
</div>
|
|
<div class="mainbox">
|
|
<ul class="clearfix">
|
|
<li>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">重庆市过去 24 小时累计降雨量地区排名</div>
|
|
<div class="allnav" id="echart1"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">重庆市过去 12 个月气温分布图</div>
|
|
<div class="allnav" id="echart2"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div style="height:100%; width: 100%;">
|
|
<div class="sy" id="fb1"></div>
|
|
<div class="sy" id="fb2"></div>
|
|
<div class="sy" id="fb3"></div>
|
|
</div>
|
|
<div class="boxfoot">
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="bar">
|
|
<div class="barbox">
|
|
<ul class="clearfix">
|
|
<li class="pulll_left counter">43 C</li>
|
|
<li class="pulll_left counter">51135 mm</li>
|
|
</ul>
|
|
</div>
|
|
<div class="barbox2">
|
|
<ul class="clearfix">
|
|
<li class="pulll_left">平均气温</li>
|
|
<li class="pulll_left">平均降水</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="map">
|
|
<div class="map1"><img src="web/picture/lbx.png"></div>
|
|
<div class="map2"><img src="web/picture/jt.png"></div>
|
|
<div class="map3"><img src="web/picture/map.png"></div>
|
|
<div class="map4" id="map_1"></div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="boxall" style="height:3.4rem">
|
|
<div class="alltitle">重庆市现在平均气温地区排名</div>
|
|
<div class="allnav" id="echart4"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3.2rem">
|
|
<div class="alltitle">重庆市现在平均湿度地区排名</div>
|
|
<div class="allnav" id="echart5"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall" style="height: 3rem">
|
|
<div class="alltitle">重庆市空气质量地区排行</div>
|
|
<div class="allnav" id="echart6"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="back"></div>
|
|
|
|
<script type="text/javascript" src="web/data/data.js"></script>
|
|
<script type="text/javascript" src="web/js/chart1.js"></script>
|
|
<script type="text/javascript" src="web/js/chart2.js"></script>
|
|
<script type="text/javascript" src="web/js/chart31.js"></script>
|
|
<script type="text/javascript" src="web/js/chart32.js"></script>
|
|
<script type="text/javascript" src="web/js/chart33.js"></script>
|
|
<script type="text/javascript" src="web/js/chart4.js"></script>
|
|
<script type="text/javascript" src="web/js/chart5.js"></script>
|
|
<script type="text/javascript" src="web/js/chart6.js"></script>
|
|
<script type="text/javascript" src="web/js/chongqing.js"></script>
|
|
<script type="text/javascript" src="web/js/area_echarts.js"></script>
|
|
</body>
|
|
</html>
|