十日冲刺结束
今天十日冲刺完成，项目有大概的样子但还不是很理想，还要实现数据的自动分类和趋势预测，这些功能还没有实现，虽然十日冲刺过去了，但我们也会继续弥补项目的不足
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0"/>
<title>数据可视化</title>
<link rel="stylesheet" type="text/css" href="../css/index1.css"/>
<link rel="icon" href="../ExcelToECharts-main/favicon.ico">
<link rel="stylesheet" href="../ExcelToECharts-main/css/index.css">
<script type="text/javascript" src="../ExcelToECharts-main/scripts/xlsx.core.min.js"></script>
<script type="text/javascript" src="../ExcelToEaCharts-main/scripts/index.js"></script>
<script type="text/javascript" src="../ExcelToECharts-main/scripts/echarts.min.js"></script>
</head>
<body>
<header>
<h1>数据可视化</h1>
<div class="showtime" ></div>
<script>
var t=null;
t=setTimeout(time,1000);
function time(){
clearTimeout(t);
var 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.querySelector(".showtime").innerHTML=
"当前时间："+y+"年"+mt+"月"+day+"日"+h+"时"+m+"分"+s+"秒";
t=setTimeout(time,1000);
}
</script>
</header>
<section class="main">
<div class="column" >
<div class="panel bar">
<h2>各城市每年旅客量</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel line">
<h2>旅客量
<a style="color:#ffffff" href="javascript:;">2015</a>
<a style="color:#ffffff" href="javascript:;">2016</a>
<a style="color:#ffffff" href="javascript:;">2017</a>
</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel pie">
<h2>年旅客量</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
</div>
<div class="column" >
<!-- no 模块-->
<div class="no">
<div class="no-hd">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="no-bd">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="map">
<div class="map1"></div>
<div class="map2"></div>
<div class="map3"></div>
<div class="map4">地图</div>
</div>
</div>
<div class="column" >
<div class="panel bar2">
<h2>景气指数/周</h2>
<div class="chart"></div>
<div class="panel-footer"></div>
</div>
<div class="panel line2">
<h2>客座率
<a style="color:white" href="javascript:;">2015</a>
<a style="color:white" href="javascript:;">2016</a>
<a style="color:#ffffff" href="javascript:;">2017</a>
</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel pie2">
<h2>AAA城市每月旅客量</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
</div>
</section>
<script src="../js/flexible.js"></script>
<!-- 引入ECharts库 -->
<script src="../js/echarts.min.js"></script>
<script src="../js/jquery.js"></script>
<!-- 引入中国地图文件js -->
<script src="../js/china.js"></script>
<script src="../js/index1.js"></script>
</body>
</html>
工作燃尽图
浙公网安备 33010602011771号