某城高速综合管控大数据大屏可视化.zip资源-CSDN文库

共33个文件

png：19个

js：10个

css：2个

版权申诉

69 浏览量 2023-11-12 11:01:14 上传评论 1 收藏 491KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

某城高速综合管控大数据大屏可视化.zip （33个子文件）

某城高速综合管控大数据大屏可视化

jquery.leoweather.min.js 9KB

npm.js 484B

bootstrap.min.js 36KB

china.js 60KB

echarts.min.js 730KB

mapcodes.js 9KB

swiper.min.js 123KB

visual.js 34KB

jquery.min.js 91KB

chartMap.js 61KB

css

visual.css 7KB

swiper.min.css 19KB

index.html 10KB

images

ksh33.png 582B

ksh34.png 118B

ksh40.png 1KB

ksh35.png 350B

ksh38.png 135B

data08.png 3KB

ksh31.png 1KB

ksh44.png 152B

ksh41.png 24KB

jzxz2.png 4KB

ksh43.png 154B

ksh45.png 153B

ksh42.png 153B

jcdsj_logo.png 28KB

ksh36.png 342B

ksh39.png 1KB

ksh37.png 363B

ksh32.png 1KB

jzxz1.png 4KB

fonts

yjsz.TTF 54KB

<!doctype html> <html> <head> <meta charset="utf-8"> <title>交通大数据分析平台</title>  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="stylesheet" type="text/css" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">  <script src="js/jquery.min.js"></script>  <script src="js/bootstrap.min.js"></script>  <script src="js/echarts.min.js"></script>  <link rel="stylesheet" type="text/css" href="css/swiper.min.css"> <script src="js/swiper.min.js"></script>  <script src="js/visual.js"></script> <script src="js/china.js"></script> <script src="js/chartMap.js"></script> <link rel="stylesheet" type="text/css" href="css/visual.css"> </head> <body class="ksh"> <div id="load"> <div class="load_img"> <img class="jzxz1" src="images/jzxz1.png"> <img class="jzxz2" src="images/jzxz2.png"> </div> </div> <div class="head_top" style="cursor:pointer;" onclick="location.href=''"> <img class="img-responsive" src="images/jcdsj_logo.png"> </div> <div class="visual"> <div class="visual_left"> <div class="visual_box"> <div class="visual_title"> <span>交通流量</span> <img src="images/ksh33.png"> </div> <div class="visual_chart" id="main1"> </div> </div> <div class="visual_box"> <div class="visual_title"> <span>交通工具流量</span> <img src="images/ksh33.png"> </div> <div class="visual_chart" id="main2"> </div> </div> <div class="visual_box"> <div class="visual_title"> <span>收费站车流量</span> <img src="images/ksh33.png"> </div> <div class="visual_chart sfzcll"> <a>运输方式</a> <a>客运量</a> <a>货运量</a> <div class="sfzcll_pos_box"> <div class="sfzcll_box"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <label><img src="images/ksh35.png">公路运输</label> <div class="sfzcll_smallBk"> <div class="ygl"> <span>4347.2万</span>人 </div> </div> <div class="sfzcll_smallBk"> <div class="ygh"> <span>4347.2万</span>人 </div> </div> <div class="clear"></div> </div> <div class="sfzcll_box"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <label><img src="images/ksh35.png">公路运输</label> <div class="sfzcll_smallBk"> <div class="ygl"> <span>4347.2万</span>人 </div> </div> <div class="sfzcll_smallBk"> <div class="ygh"> <span>4347.2万</span>人 </div> </div> <div class="clear"></div> </div> <div class="sfzcll_box"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <img class="sfzcll_bkJk" src="images/ksh34.png"> <label><img src="images/ksh35.png">公路运输</label> <div class="sfzcll_smallBk"> <div class="ygl"> <span>4347.2万</span>人 </div> </div> <div class="sfzcll_smallBk"> <div class="ygh"> <span>4347.2万</span>人 </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="visual_con"> <div class="visual_conTop"> <div class="visual_conTop_box visual_conTop1"> <div> <h3>当前警情数(起)</h3> <p>67</p> <div class="conTop_smil"> <a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a> <a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a> </div> </div> </div> <div class="visual_conTop_box visual_conTop2"> <div> <h3>区域拥堵指数</h3> <p>1.4</p> <div class="conTop_smil"> <a class="">缓行</a> <a class="">平均车速<span>120</span>KM/H</i></a> </div> </div> </div> <div class="visual_conTop_box visual_conTop1"> <div> <h3>当前警情数(起)</h3> <p>99</p> <div class="conTop_smil"> <a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a> <a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a> </div> </div> </div> <div class="visual_conTop_box visual_conTop2"> <div> <h3>当前警情数(起)</h3> <p>7421</p> <div class="conTop_smil"> <a class="null">null</a> <a class="xd">月环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a> </div> </div> </div> <div class="clear"></div> </div> <div class="visual_conBot"> <img class="visual_conBot_l" src="images/ksh42.png"> <img class="visual_conBot_2" src="images/ksh43.png"> <img class="visual_conBot_3" src="images/ksh44.png"> <img class="visual_conBot_4" src="images/ksh45.png"> <div class="visual_chart_text"> <h1>出行服务+大数据</h1> <h2>交通大数据分析平台</h2> </div> <div class="visual_chart" id="main8"></div> <div class="visual_conBot_bot"> <div class="visualSssf_left"> <h3>今日实时收费</h3> <a style="display:block">全省数据</a> <a>大同北</a> <a>大同南</a> <a>朔州</a> <a>吕梁北</a> <a>吕梁南</a> <a>太原</a> <a class="active">晋中</a> <a>太旧</a> <a>长治</a> </div> <div class="visualSssf_right"> <div class="visualSssf_right_box" id="main5"></div> <div class="visualSssf_right_box" id="main6"></div> <div class="visualSssf_right_box" id="main7"></div> </div> <div class="clear"></div> </div> </div> </div> <div class="visual_right"> <div class="visual_box"> <div class="visual_title"> <span>本月发生事件</span> <img src="images/ksh33.png"> </div> <div class="swiper-container visual_swiper1 visual_chart"> <div class="swiper-wrapper"> <div class="swiper-slide" id="main3"></div> <div class="swiper-slide" id="main31"></div> </div> </div> </div> <div class="visual_box visualSfzsfl"> <div class="visual_title"> <span>收费站收费量</span> <img src="images/ksh33.png"> </div> <div class="visual_chart" id="main9"> </div> <div class="visual_table"> <table> <tr> <td>小型车</td> <td>中型车</td> <td>大型车</td> </tr> <tr> <td>2486万</td> <td>2486万</td> <td>2486万</td> </tr> <tr> <td>2486万</td> <td>2486万</td> <td>2486万</td> </tr> <tr> <td>2486万</td> <td>2486万</td> <td>2486万</td> </tr> <tr> <td>2486万</td> <td>2486万</td> <td>2486万</td> </tr> </table> </div> </div> <div class="visual_box"> <div class="visual_title"> <span>收费站收费排行</span> <img src="images/ksh33.png"> </div> <div class="swiper-container visual_swiper2 visual_chart"> <div class="swiper-wrapper"> <div class="swiper-slide" id="main4"></div> <div class="swiper-slide" id="main41"></div> </div> </div> </div> </div>

评论收藏

内容反馈

版权申诉