123 lines
4.0 KiB
HTML
123 lines
4.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
|||
|
|
<title>互联网数据分析及大数据平台展示</title>
|
|||
|
|
<link rel="icon" href="favicon.ico">
|
|||
|
|
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
|
|||
|
|
<link rel="stylesheet" href="css/theme/default/layer.css">
|
|||
|
|
<link rel="stylesheet" href="css/common.css">
|
|||
|
|
<script type="text/javascript" src="js/common/jquery.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/common/echarts.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/common/echarts.min.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="head">
|
|||
|
|
<h1 class="name" id="name"></h1>
|
|||
|
|
<div class="weather">
|
|||
|
|
<span id="showTime"></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mainbox">
|
|||
|
|
<ul class="clearfix">
|
|||
|
|
<li class="liBox1">
|
|||
|
|
<div class="boxall">
|
|||
|
|
<div class="titBox1">岗位分类</div>
|
|||
|
|
<div class="dataList" style="">
|
|||
|
|
<div class="subject" style="height:32px;">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<span></span>
|
|||
|
|
<span class="shengFen">岗位数</span>
|
|||
|
|
<!--<span>岗位数</span>-->
|
|||
|
|
<span>职位需求数</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="myscroll">
|
|||
|
|
<ul class="ulBox" id="ulBox"></ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">单位性质横向柱状图</div>-->
|
|||
|
|
<div class="allnav" id="echart1"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">企业规模</div>-->
|
|||
|
|
<div class="allnav" id="echart2"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="liBox2">
|
|||
|
|
<div class="bar">
|
|||
|
|
<div class="barbox">
|
|||
|
|
<ul class="clearfix">
|
|||
|
|
<li class="pulll_left counter gwmc"></li>
|
|||
|
|
<li class="pulll_left counter zprs"></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" style="height:calc(100% - 100px);">
|
|||
|
|
<div class="map4" id="map_1" style="width:100%;"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="liBox3">
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">性别饼图</div>-->
|
|||
|
|
<div class="allnav" id="echart3"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">学历水平柱状图</div>-->
|
|||
|
|
<div class="allnav" id="echart4"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">年龄横向柱状图</div>-->
|
|||
|
|
<div class="allnav" id="echart5"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="clearfix">
|
|||
|
|
<li>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">产业饼状图</div>-->
|
|||
|
|
<div class="allnav" id="echart6"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">行业柱状图</div>-->
|
|||
|
|
<div class="allnav" id="echart7"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="boxall">
|
|||
|
|
<!--<div class="alltitle">工资水平雷达图</div>-->
|
|||
|
|
<div class="allnav" id="echart8"></div>
|
|||
|
|
<div class="boxfoot"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="back"></div>
|
|||
|
|
<script type="text/javascript" src="js/common/scroll.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/common/china.js"></script>
|
|||
|
|
<!--<script language="JavaScript" src="js/province/js/sichuan.js"></script>-->
|
|||
|
|
<script type="text/javascript" src="js/area1.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|