【前端模板】011大数据可视化系统数据分析通用模版.zip资源-CSDN文库

共15个文件

ttf：4个

js：3个

png：2个

版权申诉

HTMl

46 浏览量 2024-03-19 23:38:02 上传评论收藏 2.12MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【前端模板】011 大数据可视化系统数据分析通用模版.zip （15个子文件）

011 大数据可视化系统数据分析通用模版

font

DS-DIGI.TTF 24KB

DS-DIGII.TTF 24KB

DS-DIGIB.TTF 24KB

DS-DIGIT.TTF 25KB

011 大数据可视化系统数据分析通用模版.png 1.39MB

js.js 25KB

echarts.min.js 2.3MB

jquery.js 82KB

css

loading-1.gif 701B

comon0.css 4KB

index.html 6KB

images

.DS_Store 6KB

loading.gif 701B

bg.jpg 229KB

head_bg.png 8KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="refresh" content="60;url='https://gitee.com/iGaoWei/big-data-view'" /> <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><a href="https://gitee.com/iGaoWei/big-data-view">大数据可视化系统数据分析通用模版</a></h1> <div class="time" id="showTime"> 2019/12/05 16:16:54 </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(58% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class=" boxnav " id="echarts4"> </div> </div> <div class="boxall" style="height: calc(42% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id="echarts3"></div> </div> </li> <li> <div class="boxall" style="height: calc(20% - .15rem)"> <ul class="row h100 clearfix"> <li class="col-6"> <div class="sqzs h100"> <p>业绩总览</p> <h1><span>30500</span>万</h1> </div> </li> <li class="col-6"> <ul class="row h100 clearfix"> <li class="col-4"> <div class="tit01"> 标题名称 </div> <div class="piebox" id="pe01"></div> </li> <li class="col-4"> <div class="tit01"> 标题名称 </div> <div class="piebox" id="pe02"></div> </li> <li class="col-4"> <div class="tit01"> 标题名称 </div> <div class="piebox" id="pe03"></div> </li> </ul> </li> </ul> </div> <div class="boxall" style="height: calc(38% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id="echarts1"></div> </div> <div class="boxall" style="height: calc(42% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id="echarts2"></div> </div> </li> <li> <div class="boxall" style="height: calc(33.333% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id="echarts5"></div> </div> <div class="boxall" style="height: calc(33.333% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id=""> <table border="0" cellspacing="0"> <tbody> <tr> <th></th> <th>字段</th> <th>字段</th> <th>字段</th> <th>字段</th> </tr> <tr> <th>字段</th> <td>8098</td> <td>19.80%</td> <td>22</td> <td>368</td> </tr> <tr> <th>字段</th> <td>7506</td> <td>6.70%</td> <td>22</td> <td>339</td> </tr> <tr> <th>字段</th> <td>3261</td> <td>32.30%</td> <td>10</td> <td>325.7</td> </tr> <tr> <th>字段</th> <td>1993</td> <td> 201%</td> <td>10</td> <td> 199</td> </tr> </tbody> </table> </div> </div> <div class="boxall" style="height: calc(33.333% - .15rem)"> <div class="alltitle"> 标题名称 </div> <div class="boxnav" id="echarts6" style="height:calc(100% - .3rem);"></div> </div> </li> </ul> </div> <script type="text/javascript" src="js/echarts.min.js"></script> <script language="JavaScript" src="js/js.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉