大数据可视化20个demo源码，包含Html文件，css文件，js文件，还有部分框架源码_大数据展示demo,前端可视化大屏demo源码资源-CSDN文库

共1384个文件

png：770个

js：236个

css：114个

html

javascript

data

需积分: 2 164 浏览量 2022-04-10 10:14:24 上传评论 3 收藏 38.85MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

大数据可视化20个demo源码，包含Html文件，css文件，js文件，还有部分框架源码（1384个子文件）

bootstrap.css 144KB

bootstrap(1).css 143KB

bootstrap.css 143KB

bootstrap.min.css 120KB

bootstrap.min.css 118KB

bootstrap.min.css 115KB

AdminLTE.css 103KB

bootstrap.min.css 98KB

bootstrap.min.css 97KB

easyui.css 68KB

animate.css 56KB

style.css 43KB

_all-skins.min.css 41KB

animate.min.css 41KB

form.css 41KB

jquery-ui.css 34KB

file-manager.css 31KB

jquery-ui.css 28KB

custom-ico-fonts.css 27KB

bootstrap-theme.css 26KB

table.css 25KB

style.css 24KB

mobile.css 24KB

table1.css 23KB

bootstrap-theme.min.css 23KB

style.css 21KB

media-player.css 20KB

common.css 20KB

font-awesome.min.css 17KB

style-100.css 17KB

bootstrap-datepicker.css 17KB

Security_operation.css 17KB

bootstrap-datepicker.min.css 15KB

jquery.hotspot.css 15KB

layer.css 11KB

layim.css 11KB

style.css 10KB

index.css 10KB

jquery.datetimepicker.css 10KB

index.css 9KB

icons.css 9KB

index.css 9KB

BigData.css 8KB

comon0.css 8KB

laydate.css 8KB

green.css 8KB

black.css 8KB

blue.css 8KB

bootstrap-table.css 7KB

default.css 7KB

opera.css 7KB

aero.css 7KB

calendar.css 7KB

idialog.css 7KB

chrome.css 6KB

map.css 6KB

zTreeStyle.css 6KB

twitter.css 6KB

laydate.css 6KB

simple.css 6KB

laydate.css 6KB

index.css 6KB

bootstrap-select.min.css 6KB

style.css 5KB

cssFile.css 5KB

index01.css 4KB

style.css 4KB

main_design1.css 4KB

style.css 4KB

datepicker.css 4KB

lightbox.css 4KB

map.css 4KB

room.css 3KB

laydate.css 3KB

base.css 3KB

laydate.css 3KB

layer.ext.css 3KB

generics.css 3KB

index.css 2KB

energy_consumption.css 2KB

default.css 2KB

public.css 2KB

共 1384 条

<!DOCTYPE html> <html lang="en"> <head> <link href="css/BigData.css" rel="stylesheet" type="text/css" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> <link href="css/index01.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js"></script> <link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" /> <link href="css/Security_operation.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="js/artDialog/skins/default.css" type="text/css"/> <script src="js/laydate.js"></script> <script src="js/Home_page.js"></script> <meta charset="UTF-8"> <title>大数据管理平台</title> </head> <body > <div class="data_bodey"> <div class="index_nav" > <ul style="height: 30px; margin-bottom: 0px;"> <li class="l_left total_chose_fr nav_active">实时监测</li> <li class="l_left total_chose_pl" >统计分析一</li> <li class="l_left total_chose_pl">统计分析二</li> <li class="r_right total_chose_pl">统计分析三</li> <li class="r_right total_chose_pl">统计分析四</li> <li class="r_right total_chose_pl">统计分析五</li> </ul> <div class="total_chose_box" style="display: none;"> <div style="height: 32px;"></div> <span class="chose_tltle">请选择年份：</span> <select class="year_chose"> <option>2017</option> <option>2016</option> <option>2015</option> <option>2014</option> <option>2013</option> <option>2012</option> </select> <span class="chose_tltle">请输入月份：</span> <input class="chose_text_in"> <span class="chose_tltle">请选择区域：</span> <select class="year_chose"> <option> 北京市</option> <option>自贡市</option> <option>攀枝花市</option> <option>泸州市</option> <option>德阳市</option> <option>绵阳市</option> <option>广元市</option> <option>遂宁市</option> <option>内江市</option> <option>乐山市</option> <option>南充市</option> <option>宜宾市</option> <option>广安市</option> <option>达州市</option> <option>巴中市</option> <option>雅安市</option> <option>眉山市</option> <option>资阳市</option> <option>阿坝州</option> <option>甘孜州</option> <option>凉山州</option> </select> <button class="chose_enter">确定</button> </div> <div class="clear"></div> </div> <div class="index_tabs" >  <div class="inner" style="height: 109%;"> <div class="left_cage"> <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%;"> <video autoplay="autoplay" loop="loop" class="dataAllBorder02 video_cage"> <source class="video" title="主监控位" src="video/test_mv02.mov"/> </video> </div> <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;"> <div class="dataAllBorder02 video_cage"> <img class="video_around video_around_chose" src="video/video.jpg"> <img class="video_around" src="video/video.jpg"> <img class="video_around" src="video/video.jpg"> <img class="video_around" src="video/video.jpg">             </div> </div> <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;"> <div class="dataAllBorder02" style="padding: 1.2%; overflow: hidden"> <div class="message_scroll_box"> <div class="message_scroll"> <div class="scroll_top"> <span class="scroll_title">数据流量警示</span> <span class="scroll_level scroll_level01">一级</span> <a class="localize"></a> <span class="scroll_timer">17-09-13/9:52</span> </div> <div class="msg_cage"> <a class="localize_title">下载大量视频</a> </div> <div class="msg_cage"> <a class="localize_msg">xxx视频网站</a> </div> </div> <div class="message_scroll"> <div class="scroll_top"> <span class="scroll_title">数据流量警示</span> <span class="scroll_level scroll_level03">三级</span> <a class="localize"></a> <span class="scroll_timer">17-09-13/9:52</span> </div> <div class="msg_cage"> <a class="localize_title">下载大量视频</a> </div> <div class="msg_cage"> <a class="localize_msg">xxx视频网站</a> </div> </div> <div class="message_scroll"> <div class="scroll_top"> <span class="scroll_title">数据流量警示</span> <span class="scroll_level scroll_level02">二级</span> <a class="localize"></a> <span class="scroll_timer">17-09-13/9:52</span> </div> <div class="msg_cage"> <a class="localize_title">下载大量视频</a> </div> <div class="msg_cage"> <a class="localize_msg">xxx视频网站</a>