毕业设计 - 基于大数据的矿产资源大数据可视化平台

最新推荐文章于 2024-07-21 22:27:18 发布
最新推荐文章于 2024-07-21 22:27:18 发布
阅读量49 收藏
点赞数
文章标签： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mabile123444/article/details/131785324
版权

# 0 前言

Hi，大家好，今天给大家介绍一个大数据可视化项目，大家可以用于自己的课设或毕设，可以灵活耦合任意数据，为自己的项目添加灵活的可视化动态效果！

今天要分享的是：基于大数据的矿产资源大数据可视化平台

包含内容：

  1. 完整可视化实现源码
  2. html一键入口(双击直接启动)

项目获取：https://gitee.com/sinonfin/system-sharing

1 介绍

大数据大屏可视化系列：基于大数据的矿产资源大数据可视化平台
可搭载任意自己想用的数据，动态效果不错

2 实现效果

整体实现效果如下，可以看到CSS优化相对漂亮的，而且动态效果也很好，适合搭载各种数据。

在这里插入图片描述

3 部分代码展示

<body>
		<script>
	$(document).ready(function(){forw()})
	$(window).resize(function(){forw()})
			
		function forw(){
		var w=$(window).width()
		var mw=$(".mainbox2").width()
		var iw=w/mw
		$(".mainbox2").css("transform","scale("+iw+")");
		var mw2=$(".mainbox2").height()*iw
		var h=$(window).height()
		var ih=h-mw2-20
		$(".boxall").css({height:mw2, marginTop:ih/2});
		}
	</script>
	<script>
		alert("地图模块本地需要在iis环境下运行，先搭建iis服务否则看不到地图，\n该模版为大屏下使用，在小屏上做了内容适配，如不需要请删除js")
		</script>
	<style>
		body{overflow: hidden;}
		.mainbox2{-webkit-transform-origin:top left;  width: 4608px; height: 1344px;}
	
	</style>
	<div class="boxall">
	<div class="mainbox2">
		
	
	<div class="head clearfix">
	<h1 class=""><a href="https://gitee.com">广西矿产资源大数据监管平台</a></h1>
	</div>
	<div class="mainbox">
	
	<ul class="clearfix nav1">
		<li>
		<div class="box" style="height:14%">
		<ul class="ylfw">
				<li><div class="ylfwbox fora">
					<p>监管市县数量</p>
					<ol><span class="text-d">10</span><em>个</em></ol>
					<div class="forb"></div>
					</div></li>
				<li><div class="ylfwbox fora">
					<p>监管矿山数量</p>
					<ol><span class="text-w">1234</span><em>家</em></ol>
					<div class="forb"></div></div></li>
				
				<li><div class="ylfwbox fora">
					<p>监管企业数量</p>
					<ol><span class="text-b">2.3</span><em>家</em></ol>
					<div class="forb"></div>
					</div></li>
			
					
				</ul>
		</div>
			
		<div class="box" style="height:calc(43% - 30px); margin: 15px 0;">
		
			<div class="h100">
			<ul class="nav3 h100">
					<li class="h100 ">	
						<div class="tit">监管分布表</div>
				<div class="boxnav "  id="echart1"></div>
				</li>
					<li class="h100 ">
						<div class="tit">监管分布表</div>
						<div class="boxnav " id="echart2"></div>
				</li>
					</ul>
			</div>
		</div>
			
			<div class="box bg1" style="height:43%">
			<div class="tit">实时数</div>
			 <div class="listhead listhead1">
				  <span>名称</span>
					  <span>车牌</span>
					  <span>矿种</span>
					  <span>重量</span>
					  <span>税费</span>
					
				 </div>
				 <div class="listnav listnav1 scrollDiv">
				 <ul>
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 <li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
					 </ul>
				 </div>
		</div>
	
			
		</li>
		<li>
		<div class="box h100">
			<div class=" bar01">
			<div class="barnav">
				<ol>累计税收</ol>
				<p><span class="text-d">2325345.00</span><em>元</em></p>
				</div>
				<div class="barnav">
				<ol>累计车次</ol>
				<p><span class="text-w">814617</span><em>车</em></p>
				</div>
				<div class="barnav">
				<ol>累计重量</ol>
				<p><span class="text-b">917421.00</span><em>吨</em></p>
				</div>
				
			</div>
			<div class="boxnav" id="guangxi" style="height:calc(100% - 160px)"></div>
		</div>
		
		</li>
	
		<li>
		<div class="h100">
			<div class="box bar02">
			<div class=" bar01">
			<select><option>岑溪市</option><option>岑溪市</option></select>
			<div class="barnav">
				<ol>累计税收</ol>
				<p><span class="text-d">2325345.00</span><em>元</em></p>
				</div>
				<div class="barnav">
				<ol>累计车次</ol>
				<p><span class="text-w">814617</span><em>车</em></p>
				</div>
				<div class="barnav">
				<ol>累计重量</ol>
				<p><span class="text-b">917421.00</span><em>吨</em></p>
				</div>
				
			</div>
			</div>
			<ul class="nav2">
			<li>
				<div class="h100 ">
				<div class="" style="height: 55%">
					<ul class="nav3 h100">
					<li class="h100 box">
					
						<div class="tit">税种明细</div>
			<div class="boxnav " id="echart3"></div>
							
						</li>
					<li class="h100 box">
						<div class="tit">近六个月税收</div>
			<div class="boxnav " id="echart4"></div>
						</li>
					</ul>
						
					</div>
				<div class="box" style="height: calc(45% - 15px); margin-top: 15px;">
					<div class="tit">现场视频</div>
					<ul class="nav3 boxnav">
					<li class="h100 ">
					<video style=" height: 100%; width: 100%" src="https://www.17sucai.com/preview/1528155/2019-02-18/video/source/0.mp4"  poster="images/0.jpg" preload="metadata" controls>
            </video>
						</li>
					<li class="h100 ">
					<video style=" height: 100%; width: 100%"  src="https://www.17sucai.com/preview/1528155/2019-02-18/video/source/0.mp4"  poster="images/0.jpg" preload="metadata" controls>
            </video>
						</li>
					</ul>
					</div>
				
				</div>
				
			</li>
			<li><div class="box h100" id="map"></div></li>
			<li><div class="" style="height:100%">
				<div class="box" style="height: 60%">
					<div class="tit">各站点/企业明细</div>
					 <div class="listhead listhead1">
				  <span>名称</span>
					  <span>车次</span>
					  <span>重量</span>
					  <span>税费</span>
					
				 </div>
				 <div class="listnav listnav1 scrollDiv">
				 <ul>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 <li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
					 </ul>
				 </div>
				
				</div>
				<div class="box" style="height:calc(40% - 15px); margin-top: 15px;">
					<div class="tit">矿种明细</div>
				<div class="boxnav " id="echart5"></div>
				</div>
				</div></li>
			</ul>
		</div>
		
		</li>
		
		</ul>
	</div>	
		
		</div>
		</div>	
<script src="js/jquery.liMarquee.js"></script> 		
<script>
$(function(){
    $('.scrollDiv').liMarquee({
        direction: 'up',
		 scrollamount: 30,
		 runshort: false
    });
});
</script> 
<script type="text/javascript" src="js/js.js"></script>
</body>

4 最后

项目获取：https://gitee.com/sinonfin/system-sharing

A毕设分享家
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
毕业设计分享 - 基于大数据的矿产资源大数据可视化平台
switch_mooood的博客
11-09 33
大数据大屏可视化系列：基于大数据的矿产资源大数据可视化平台可搭载任意自己想用的数据，动态效果不错。
毕业设计 基于大数据的矿产资源大数据可视化平台
switch_mooood的博客
02-26 308
大数据大屏可视化系列：基于大数据的矿产资源大数据可视化平台可搭载任意自己想用的数据，动态效果不错。
2024 数据可视化分析方向毕业设计选题推荐 大数据
毕设帮助,疑难解答,欢迎打扰!
01-25 4772
数据可视化分析方向毕业设计选题合集涵盖了深度学习、机器学习、算法、人工智能、大数据、信息安全、推荐系统、目标检测等多个热门领域。对于计算机专业、软件工程专业、人工智能专业、大数据专业的毕业生而言，选择一个合适的毕业设计选题至关重要。在这个毕业设计选题合集中，我们精心收集了各种有趣且具有挑战性的选题，旨在帮助学生们在毕业设计中展现他们的技术实力和创新能力。不论是对于对深度学习技术感兴趣的同学，还是希望探索机器学习、算法或人工智能的领域的同学，本合集都能为您提供丰富的选题资源和灵感。
大数据毕业设计 - 选题推荐（一）
热门推荐
HUXINY的博客
09-03 5万+
大数据毕业设计 - 选题推荐（一） 文章目录1 开题指导1.1 起因1.2 如何避坑(重中之重)1.3 为什么这么说呢？1.4 难度把控1.5 题目名称1.6 最后选题建议3 最后 1 开题指导 1.1 起因 近期开题的同学越来越多，很多同学不知道怎么选题，不知道老师分配的题目应该怎么做，指导老师分享的信息不多，无从下手。
【大数据可视化大屏源码】广西矿产资源大数据监管平台.zip
05-19
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏页面-广西矿产资源大数据监管平台+源代码+演示地址
06-19
1、资源内容地址： https://blog.csdn.net/2301_78627004/article/details/136655536 2、代码特点：内含运行结果，不会运行...3、适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
100+套大数据可视化炫酷大屏Html5模板
05-10
008 兰州智慧消防大数据平台 009 某公司大数据监控平台 010 双数智慧公卫-传染病督导平台 011 大数据可视化系统数据分析通用模版 012 某公司大数据展示模版 013 某公司大数据展示模版 014 时实客流量监控中心 ...
理解大数据-实践大数据-施水才1.ppt
11-21
3. **大数据成为一种自然资源**：如同石油和矿产，大数据被视为驱动现代社会发展的新资源。 4. **机器数据的重要性**：物联网设备产生的数据，为行业洞察和决策提供了宝贵的信息。 5. **现有商业软件的局限**：...
BIG--DATA--大数据.pptx
12-24
大数据为何而来 大数据，即将成为石油、矿产类的新能源、新生产要素和巨大的经济资产，开启一次重大的时代转型，预示着新一波生产率增长和消费者赢余浪潮的到来。它是管理国家的手段、商务经营的法宝、未来就职的...
使用Python的Turtle库绘制动态风车
爱写代码的小朋友
07-20 332
python绘制风车
Java-Lambda
最新发布
lizhiwei21的博客
07-21 333
lambda表达式可以理解为对匿名内部类的一种简化 , 但是本质是有区别的面向对象思想 :强调的是用对象去完成某些功能函数式编程思想 :强调的是结果 , 而不是怎么去做。
华为od机试真题 — 代表团坐车(Python)
学习,你不是一个人在战斗 ～ 961302305（QQ,微信）
07-17 625
【华为od机试真题 】代表团坐车(Python) 某组织举行会议，来了多个代表团同时到达，接待处只有一辆汽车可以同时接待多个代表团，为了提高车辆利用率，请帮接待员计算可以坐满车的接待方案输出方案数量。
【Python如何将字符串连接在一起并使用`join()`方法】
qq_36253366的博客
07-19 412
方法是字符串对象的方法，而不是列表或元组等序列类型的方法。因此，你需要先指定一个用作分隔符的字符串，然后调用这个字符串的。方法将字符串连接在一起，你需要首先确保这些字符串被存储在一个序列类型中（如列表或元组），然后调用这个序列的。方法是一个字符串方法，它用于将序列（如列表、元组等）中的元素以指定的字符连接生成一个新的字符串。列表中的所有字符串元素使用空格作为分隔符连接成一个新的字符串。方法，并将你想要作为分隔符的字符串作为参数传递给。方法，并将包含要连接字符串的序列作为参数传递。
IPython 日志秘籍：%logstate 命令全解析
2401_85812026的博客
07-17 597
logstate命令是 IPython 日志系统的重要组成部分，它帮助我们掌控日志记录的状态。通过本文的介绍，你应该对如何在 IPython 中使用%logstate查看日志状态有了更深入的理解。记住，合理利用日志系统，可以让你的数据探索过程更加透明和可追溯。本文详细介绍了 IPython 的%logstate命令，包括其基本概念、基本用法、输出解析以及实战示例。希望本文能够帮助读者更好地利用 IPython 的日志系统，优化数据探索和科学计算的工作流。记住，掌握%logstate。
【Python 中的内存管理有哪些优缺点】
qq_36253366的博客
07-19 403
Python中的内存管理是一个复杂而高效的系统，它通过自动化和抽象化的方式极大地简化了程序员的内存管理负担，但同时也存在一些潜在的缺点。
批量下载网易云音乐歌单的Python脚本
qq_43580271的博客
07-17 1292
同时，这也展示了如何利用Python在日常生活中解决实际问题的能力，希望这个小技巧对你有所帮助！
N7翻译实战
tjl521314_21的博客
07-17 327
本周完成项目实战用于训练一个简单的序列到序列（seq2seq）模型以实现英语到法语的翻译。数据预处理、模型构建、训练以及可视化损失的过程。本周学习了构建和训练一个简单的seq2seq模型用于英语到法语的翻译，对前面的知识做了一个综合的运用。
python训练模型报错：BrokenPipeError: [Errno 32] Broken pipe
Dxy1239310216的博客
07-18 475
如果问题持续存在，并且你的项目不是必须在 Windows 上运行，考虑在 Unix/Linux 系统上运行你的代码。确保在数据加载器中使用的任何自定义函数或类都是可序列化的，因为多进程需要能够在不同进程间传递它们。进行多进程数据加载时尤其常见，尤其是在 Windows 系统上，因为 Windows 对多进程的支持与 Unix/Linux 系统有所不同。有时候，错误可能是由其他部分的代码引起的，而不是直接由数据加载器引起。如果问题依然存在，你可能需要更详细地检查你的代码或寻求更专业的帮助。
2022年时空大数据平台建设方案概览
"该文档是关于2022年时空大数据平台建设的专业方案，涵盖了项目的背景、目标、原则、现状分析、必要性、总体设计、建设内容等方面，旨在提升时空大数据掌控能力，优化行政管理，加强资源监管，并推动地灾防治。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A毕设分享家

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值