<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>大数据可视化系统数据分析通用模版</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div class="loading">
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
<h1>大数据可视化系统数据分析通用模版</h1>
<div class="time" id="showTime">2019/11/29 0:12:42</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();//获取秒
var t = null;
document.getElementById("showTime").innerHTML = y+"/"+Appendzero(mt)+"/"+Appendzero(day)+" "+Appendzero(h)+":"+Appendzero(m)+":"+Appendzero(s)+"";
function Appendzero(obj){
if(obj<10) return "0" +""+ obj;
else return obj;
}
t = setTimeout(time,1000); //设定定时器,循环运行
}
</script>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height: calc(40% - .15rem)">
<div class="alltitle">模块标题 </div>
<div class="sycm">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>华东地区</span></li>
<li>
<h2>1920</h2>
<span>华西地区</span></li>
<li>
<h2>19%</h2>
<span>华南地区</span></li>
<li>
<h2>1824</h2>
<span>华北地区</span></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(60% - .15rem)">
<div class="alltitle">模块标题</div>
<div class="sycm sycm2">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>字段名称</span></li>
<li>
<h2>1920</h2>
<span>字段名称</span></li>
<li>
<h2>19%</h2>
<span>字段名称</span></li>
<li>
<h2>1824</h2>
<span>字段名称</span></li>
<li>
<h2>19%</h2>
<span>字段名称</span></li>
<li>
<h2>1824</h2>
<span>字段名称</span></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div style="position: relative">
<div class="barnav">
<div class="bar">
<div class="barbox">
<ul class="clearfix">
<li class="pulll_left counter">1942</li>
<li class="pulll_left counter">98612</li>
<li class="pulll_left counter">2091</li>
</ul>
</div>
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mapbox">
<div class="map">
<div class="map1"><img src="images/lbx.png"></div>
<div class="map2"><img src="images/jt.png"></div>
<div class="map3"><img src="images/map.png"></div>
<div class="map4" id="map_1"></div>
</div>
</div>
</li>
<li>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">字段名称 <div class="pulll_right">
<a href="https://gitee.com/iGaoWei/big-data-view"><span></span>已维修</a>
<a href="https://gitee.com/iGaoWei/big-data-view"><span></span>未维修</a>
</div></div>
<div class="boxnav" id="echart3"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">字段名称</div>
<div class="wrap boxnav">
<ul>
<li><p><span>深圳腾讯科技有限公司</span><span>门禁系统</span><span>在线</span></p></li>
<li><p><span>网易科技有限公司</span><span>防火系统</span><span>在线</span></p></li>
<li><p><span>百度科技有限公司</span><span>防火系统</span><span>在线</span></p></li>
<li><p><span>汽车之家科技有限公司</span><span>定位系统</span><span>在线</span></p></li>
<li><p><span>小米科技有限公司</span><span>定位系统</span><span>在线</span></p></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
<div class="copyright">更多模板关注公众号"DreamCoders"免费获取</div>
</div>
<div class="mainbox2">
<ul class="clearfix">
<li>
<div class="boxall" style="height: 100%">
<div class="alltitle">模块标题
<div class="pulll_right">
<a href="https://gitee.com/iGaoWei/big-data-view"><span></span>已检点</a>
<a href="https://gitee.com/iGaoWei/big-data-view"><span></span>未检点</a>
</div>
</div>
<div class="boxnav">
<ul class="btbox">
<li id="bt01"></li>
<li id="bt02"></li>
<li id="bt03"></li>
<li id="bt04"></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="boxall" style="height:100%">
<div class="alltitle">模块标题
<div class="pulll_right sebtn" >
<a href="https://gitee.com/iGaoWei/big-data-view" class="active">近七天</a>
<a href="https://gitee.com/iGaoWei/big-data-view">近30天</a>
<a href="https://gitee.com/iGaoWei/big-data-view">12月</a>
</div>
</div>
<div class="boxnav" id="echart4"></div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
</div>
<script language="JavaScript" src="js/js.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/area_echarts.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function(){
$('.wrap,.adduser').liMarquee({
direction: 'up',//身上滚动
runshort: false,//内容不足时不滚动
scrollamount: 20//速度
});
});
</script>
<meta http-equiv="refresh" content="50;url='https://blog.csdn.net/qq_31766533/article/details/119274641'">
<script type="text/javascript">
$('.counter').countUp();
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
【前端模板】019 大数据可视化系统数据分析通用模版.zip
共25个文件
png:6个
js:6个
ttf:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 34 浏览量
2024-03-19
23:38:12
上传
评论
收藏 3.19MB ZIP 举报
温馨提示
大数据分析页面通常是指用于展示和分析大数据集的界面或页面。这些页面通常包含数据可视化工具、数据过滤器、图表和表格,以便用户能够直观地理解和分析大数据集。大数据分析页面通常用于商业智能、数据科学、市场分析等领域,帮助用户从海量数据中提取有用信息和见解。 大数据分析页面涉及多种技术和工具,用于处理和展示大数据集。以下是一些常用的技术和工具: 大数据处理框架:如Apache Hadoop、Apache Spark等,用于处理大规模数据集的分布式计算框架。 数据存储技术:包括传统的关系型数据库(如MySQL、PostgreSQL)、NoSQL数据库(如MongoDB、Cassandra)以及数据湖(Data Lake)等存储技术。 数据可视化工具:如Tableau、Power BI、D3.js等,用于将数据转换为图表、地图等可视化形式,帮助用户理解数据。 数据分析工具:如Python的pandas、NumPy、SciPy库,R语言等,用于数据处理、统计分析和机器学习。 前端开发技术:如HTML、CSS、JavaScript等,用于构建交互式的数据分析页面。
资源推荐
资源详情
资源评论
收起资源包目录
【前端模板】019 大数据可视化系统数据分析通用模版.zip (25个子文件)
019 大数据可视化系统数据分析通用模版
font
DS-DIGI.TTF 24KB
DS-DIGII.TTF 24KB
DS-DIGIB.TTF 24KB
DS-DIGIT.TTF 25KB
js
.DS_Store 6KB
js.js 13KB
china.js 117KB
echarts.min.js 2.3MB
area_echarts.js 5KB
jquery.js 82KB
jquery.liMarquee.js 35KB
019 大数据可视化系统数据分析通用模版.png 1.95MB
css
.DS_Store 6KB
loading-1.gif 701B
comon0.css 7KB
index.html 7KB
images
.DS_Store 6KB
更多内容关注公众号.jpg 27KB
jt.png 72KB
lbx.png 81KB
loading.gif 701B
line.png 4KB
bg.jpg 293KB
head_bg.png 8KB
map.png 302KB
共 25 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 5826
- 资源: 2808
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 嵌入式基础学习资料0000
- content_1714465331721.xls
- HM3401-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- Chainbase+Web3+APi+Data warehouse
- HM3401D-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- GEE案例-1990-2023年计算某个区域的NDVI时序变化轨迹(以徐州市为例)含全部代码.pdf
- HM3401C-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 沈丘盛世龙门图纸符合规范化
- 基于51单片机带LCD1602显示+温度补偿的超声波测距仪设计软硬设计+仿真+文档资料.zip
- 一、K210是什么? K210全称为堪智K210,是嘉楠科技自主研发的一款采用RISC-V处理器架构,具备视听一体、自主IP内核
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功