HTML大屏报表-电子商务公共服务平台大数据中心-Echarts图标大屏-源码-解压即用.zip资源-CSDN文库

共21个文件

png：8个

js：8个

css：3个

版权申诉

echarts

源码

HTML

15 浏览量 2024-06-03 09:20:02 上传评论收藏 3.7MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML大屏报表-电子商务公共服务平台大数据中心-Echarts图标大屏-源码-解压即用.zip （21个子文件）

HTML大屏报表-电子商务公共服务平台大数据中心-Echarts图标大屏-源码-解压即用

picture

t_7.png 290B

t_4.png 427B

t_5.png 471B

t_3.png 472B

t_1.png 506B

t_2.png 539B

广西电子商务公共服务平台大数据中心.png 2.15MB

css

bootstrap(1).css 143KB

base.css 3KB

index.css 9KB

index.html 18KB

images

title.png 77KB

bg.jpg 1.15MB

scripts

jquery-2.2.1.min.js 84KB

bootstrap.min.js 27KB

datatool.js 23KB

common.js 657B

china.js 63KB

echarts.min.js 691KB

guangxi.js 46KB

index.js 51KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta 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="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/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> </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="picture/t_1.png" alt="更多资源：xxxxx"> 全区快递企业月寄递量 </div> <div id="chart_1" class="chart" style="width:100%;height: 280px;"></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="picture/t_2.png" alt="更多资源：xxxxx"> 电子商务销售额、订单数 </div> <div id="chart_2" class="chart t_btn9" style="width:100%;height: 280px;"></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="picture/t_3.png" alt="更多资源：xxxxx"> 广西电子商务进农村 </div> <div id="chart_map" style="width:100%;height:610px;"> </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 li:first-child span { background: #ff0000; } .linshi_zdy li:nth-child(2) { color: #9cff00; } .linshi_zdy li:nth-child(2) span { background: #9cff00; } .linshi_zdy li:nth-child(3) { color: #fff; } .linshi_zdy li:nth-child(3) span { background: #fff; } .linshi_zdy li:nth-child(4) { color: #f4a100; } .linshi_zdy li:nth-child(4) span { background: #f4a100; } </style> <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" style="width:220px;"> <img src="picture/t_4.png" alt="更多资源：xxxxx"> 全区快递月寄递数量 </div> <div id="chart_3" class="echart t_btn7" style="width:100%;height: 280px;"></div> </div> <div class="right_2">  <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:200px;"> <img src="picture/t_5.png" alt="更多资源：xxxxx"> 电商企业入驻情况 </div> <div id="chart_4" class="echart fl t_btn4" style="width:100%;height: 280px;cursor: pointer;"></div> </div> </div> </div> <div class="data_bottom"> <div class="bottom_1 fl t_btn5" 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_

评论收藏

内容反馈

版权申诉