高投大数据监视,，基于jq+bootstrap_echarts.zip资源-CSDN文库

共27个文件

json：10个

png：6个

js：6个

毕业设计

课程设计

项目开发

资源资料

需积分: 1 27 浏览量 2024-02-18 10:43:24 上传评论收藏 2.28MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

高投大数据监视,，基于jq+bootstrap_echarts.zip （27个子文件）

资料总结

MyChart.js 19KB

scroll1.js 3KB

scroll.js 3KB

appMap.js 18KB

app.js 0B

centerMap.js 2KB

data

data-1469162638978-rJDcVXku.json 1.48MB

data-1469626907389-rkXXqNUd.json 588KB

data-1524056463493-H1PcbpN2z.json 383KB

life-expectancy-table.json 104KB

test1.json 117B

data-1524055280228-SkugT242f.json 2.62MB

data-1461574801505-SJtcnUog.json 755KB

package.json 442B

css

app.css 4KB

package-lock.json 1KB

index.html 10KB

.gitignore 544B

images

mmexport1519556208207.jpg 783KB

mmexport1519279041740.jpg 153KB

查看.png 29KB

local.png 33KB

增长.png 21KB

主页.png 30KB

人.png 40KB

退出.png 23KB

tsconfig.json 375B

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>贵州高投高速大数据</title> <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="./node_modules/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="./css/app.css"> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=q3OZttc8qOGDG9anCTYRIOmXpHrnT96u"></script> <script src="./node_modules/jquery/dist/jquery.js"></script> <script src="./node_modules/echarts/dist/echarts.js"></script> <script src="./node_modules/echarts/dist/extension/bmap.js"></script> <script src="./node_modules/popper.js/dist/popper.js"></script> <script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script> </head> <body> <div class="container-fluid"> <div class="header"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="header-title"> <h5 class="header-title-h4"> <span class="header-title-box1"></span> <span class="header-title-box2"></span> <span>贵州高投高速大数据</span> </h5> </div> </div> </div> </div> <div class="main"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 main-left " > <div class="left-people"> <h6>2018-05-24 09:33:35 今日车辆流动数量</h6> <div class="left-people-amount"> <h3> <span>0</span> <span>0</span> <span>0</span> <span>0</span> <span>7</span> <span>8</span> <small style="font-size: 14px">辆</small> </h3> </div> <div class="left-people-number"> <span style="margin-right: 10px">前日时间同比</span> <i class="fa fa-long-arrow-up"></i> <span class="text-warning">3.2%</span> </div> </div> <div class="left-accumulation" id="accumulation_echart"></div> </div> <div class="col-lg-6 col-md-6 col-sm-6 main-center"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="center-top"> <div id="center_map"></div> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="center-bottom-left"> <div class="right-center"> <table class="table" style="border: none"> <thead > <tr style="border: none"> <th>产生时间</th> <th>事件类型</th> <th>负责人</th> </tr> </thead> </table> <div class="center-bottom-left-table"> <div class="center-bottom-left-box"> <table class="table"> <tbody> <tr> <td style="color: deepskyblue">07：33：45</td> <td class="text-danger">化粪池堵塞</td> <td style="color: #FFFF26">黄磊</td> </tr> <tr> <td style="color: deepskyblue">08：45：12</td> <td class="text-danger">广场卫生清理</td> <td style="color: #FFFF26">李秀</td> </tr> <tr> <td style="color: deepskyblue">09：45：12</td> <td class="text-danger">办公室监控失效</td> <td style="color: #FFFF26">王峰</td> </tr> <tr> <td style="color: deepskyblue">10：47：58</td> <td class="text-danger">厨房漏水</td> <td style="color: #FFFF26">李宁</td> </tr> </tbody> </table> </div> <div class="center-bottom-left-scroll"> <div class="center-bottom-left-scroll-bar"></div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="center-bottom-right" id="religion_echart"></div> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-3 main-right"> <div class="right-top" id="histogram_echarts" style="color: white"> <h6 class="text-center" style="margin-top: 2vh">高速服务区天气监控</h6> <iframe width="100%" scrolling="no" height="100%" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=2&color=%23FFFFFF&icon=4&num=2&site=12"> </iframe> </div> <div class="right-center"> <p style="margin-left: 5px">液态交易数据监控</p> <table class="table" style="border: none"> <thead > <tr style="border: none"> <th>交易时间</th> <th>交易金额</th> <th>交易地点</th> </tr> </thead> </table> <div class="right-center-table"> <div class="content-box"> <table class="table"> <tbody> <tr> <td style="color: deepskyblue">07：33：45</td> <td style="color: mediumvioletred">1128.5元</td> <td style="color: #FFFF26">服务区1号店</td> </tr> <tr> <td style="color: deepskyblue">08：45：12</td> <td style="color: mediumvioletred">118.5元</td> <td style="

评论收藏

内容反馈