HTML+CSS+JS数据可视化大屏平台模板实例24-公共服务平台

共17个文件

js：7个

png：6个

css：2个

版权申诉

数据可视化大屏

5星 · 超过95%的资源 114 浏览量 2022-03-25 09:24:24 上传评论收藏 607KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS数据可视化大屏平台模板实例24-公共服务平台.rar （17个子文件）

HTML+CSS+JS数据可视化大屏平台模板实例24-公共服务平台

广西电子商务公共服务平台大数据中心_files

datatool.js 23KB

index.js 52KB

t_1.png 506B

t_2.png 539B

guangxi.js 46KB

jquery-2.2.1.min.js 84KB

t_5.png 471B

bootstrap.min.js 27KB

t_4.png 427B

base.css 3KB

echarts.min.js 691KB

t_3.png 472B

t_7.png 290B

common.js 692B

index.css 10KB

广西电子商务公共服务平台大数据中心.html 25KB

HTML+CSS+JS数据可视化大屏平台模板实例24-公共服务平台.JPG 325KB

<!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_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_1648170786882"><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; position: relative;" _echarts_instance_="ec_1648170786883"><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> <div class="main_center fl"> <div class="center_text" style="position: relative;">  <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" style="width: 230px;"> <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_1648170786885"><div style="position: relative; overflow: hidden; width: 637px; height: 610px; padding: 0px; margin: 0px; border-width: 0px;"><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_1" 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_6" 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 class="linshi_zdy"> <ul> <li><span></span>2015批(8个)</li> <li><span></span>2016批(15个)</li> <li><span></span>2017批(13个)</li> <li><span></span>2018批(11个)</li> </ul> </div> </div> </div> <style type="text/css"> .linshi_zdy{ position: absolute; right: 0px; top: 450px; } .linshi_zdy li{ width: 150px; font-size: 16px; padding: 3px 8px; cursor: pointer; } .linshi_zdy span{ display: block; width: 14px; height: 14px; float: left; border-radius: 50%; margin-top: 3px; margin-right: 5px; } .linshi_zdy li:first-child{ color: #ff0000; } .linshi_zdy

评论收藏

内容反馈

版权申诉