HTML+CSS+JS数据可视化大屏平台模板实例18-智慧物流大数据

共20个文件

js：8个

png：7个

css：3个

版权申诉

数据可视化大屏

5星 · 超过95%的资源 116 浏览量 2022-03-25 08:59:53 上传评论 1 收藏 540KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS数据可视化大屏平台模板实例18-智慧物流大数据.rar （20个子文件）

HTML+CSS+JS数据可视化大屏平台模板实例18-智慧物流大数据

HTML+CSS+JS数据可视化大屏平台模板实例18-智慧物流大数据.JPG 217KB

物流大数据平台_files

t_7.png 290B

t_3.png 472B

index.css 10KB

echarts.min.js 691KB

hunan.js 45KB

t_2.png 539B

jquery-2.2.1.min.js 84KB

t_5.png 471B

common.js 692B

index.js 48KB

t_1.png 506B

bootstrap.min.js 27KB

t_4.png 427B

china.js 60KB

base.css 3KB

t_6.png 393B

bootstrap.css 143KB

dataTool.js 23KB

物流大数据平台.html 21KB

<!DOCTYPE html>  <html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>物流大数据平台</title> <link href="./物流大数据平台_files/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" href="./物流大数据平台_files/base.css"> <link rel="stylesheet" href="./物流大数据平台_files/index.css"> <style> .t_title{ width: 100%; height: 100%; text-align: center; font-size: 2.5em; line-height: 80px; color: #fff; } #chart_map{ cursor: pointer; } .t_show{ position: absolute; top: 0; right: 0; border-radius: 2px; background: #2C58A6; padding: 2px 5px; color: #fff; cursor: pointer; } </style> <style type="text/css"></style></head> <body>  <div class="header"> <div class="bg_header"> <div class="header_nav fl t_title"> 物流大数据服务平台 </div> </div> </div>  <div class="data_content"> <div class="data_time"> 温馨提示: 点击模块后跳转至详情页面。 </div> <div class="data_main"> <div class="main_left fl"> <div class="left_1 t_btn6" style="cursor: pointer;">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="./物流大数据平台_files/t_1.png" alt=""> 湖南省货运收入 </div> <div id="chart_1" class="chart" style="width: 100%; height: 280px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" _echarts_instance_="ec_1648169781064"><div style="position: relative; overflow: hidden; width: 316px; height: 280px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="474" height="420" style="position: absolute; left: 0px; top: 0px; width: 316px; height: 280px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div> </div> <div class="left_2" style="cursor: pointer;">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="./物流大数据平台_files/t_2.png" alt=""> 湖南省地图 </div> <div id="chart_2" class="chart t_btn9" style="width: 100%; height: 280px; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1648169781065"><div style="position: relative; overflow: hidden; width: 316px; height: 280px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="474" height="420" style="position: absolute; left: 0px; top: 0px; width: 316px; height: 280px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div></div> </div> </div> <div class="main_center fl"> <div class="center_text">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="./物流大数据平台_files/t_3.png" alt=""> 中国地图 </div> <div id="chart_map" style="width: 100%; height: 610px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" _echarts_instance_="ec_1648169781068"><div style="position: relative; overflow: hidden; width: 637px; height: 610px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas data-zr-dom-id="zr_0" width="955" height="915" style="position: absolute; left: 0px; top: 0px; width: 637px; height: 610px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas><canvas data-zr-dom-id="zr_2" width="955" height="915" style="position: absolute; left: 0px; top: 0px; width: 637px; height: 610px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div> </div> </div> <div class="main_right fr"> <div class="right_1">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="./物流大数据平台_files/t_4.png" alt=""> 湖南省货物周转量 </div> <div id="chart_3" class="echart t_btn7" style="width: 100%; height: 280px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" _echarts_instance_="

评论收藏

内容反馈

版权申诉