<!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>
<!--header-->
<div class="header">
<div class="bg_header">
<div class="header_nav fl t_title">
广西电子商务公共服务平台大数据中心
</div>
</div>
</div>
<!--main-->
<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="picture/t_1.png" alt="">
全区快递企业月寄递量
</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="">
电子商务销售额、订单数
</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="">
广西电子商务进农村
</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="">
全区快递月寄递数量
</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>
4个可视化数据大屏demo源码
1星 需积分: 40 201 浏览量
2019-05-17
13:44:45
上传
评论 20
收藏 3.68MB ZIP 举报 
4个可视化数据大屏demo源码 （201个子文件） 
bootstrap(1).css 143KB bootstrap.css 143KB bootstrap.min.css 118KB style.css 26KB bootstrap-theme.css 26KB bootstrap-theme.min.css 23KB layer.css 11KB layim.css 11KB index.css 10KB laydate.css 6KB style.css 6KB style.css 4KB laydate.css 3KB laydate.css 3KB base.css 3KB layer.ext.css 3KB index.css 2KB
xubox_loading0.gif 6KB loading-0.gif 6KB xubox_loading3.gif 2KB loading-2.gif 2KB xubox_loading2.gif 2KB xubox_loading1.gif 701B loading-1.gif 701B loading.gif 166B
index.html 22KB index.html 10KB index.html 7KB index.html 3KB police.ico 1KB
bg.jpg 1.15MB bg_body.jpg 186KB echarts.min.js 701KB echarts.min.js 701KB echarts.min.js 701KB echarts.min.js 691KB angular.min.js 144KB jquery-1.8.0.min.js 90KB jquery-3.3.1.min.js 85KB jquery-2.2.1.min.js 84KB jquery.min.js 84KB jquery.min.js 82KB vue.min.js 75KB guangdong.js 71KB bootstrap.js 68KB china.js 62KB china.js 59KB china.js 59KB index.js 52KB guangxi.js 46KB bootstrap.min.js 36KB bootstrap.min.js 27KB datatool.js 23KB layim.js 23KB industry.js 22KB layer.min.js 15KB laydate.js 14KB base.js 12KB echarts-gl.js 9KB infographic.js 5KB macarons.js 5KB layer.ext.js 5KB box4.js 4KB shine.js 4KB box2.js 3KB data.js 3KB index.js 3KB box3_right.js 2KB box5.js 2KB map.js 2KB box1.js 2KB DTU.js 2KB online.js 1KB PLC.js 1KB box3_left.js 1KB times.js 1KB common.js 692B rem.js 689B npm.js 484B pop_base.js 2B friend.json 3KB group.json 2KB groups.json 1KB chatlog.json 647B city.json 0B bootstrap.min.css.map 529KB bootstrap.css.map 380KB bootstrap-theme.css(1).map 47KB bootstrap-theme.min.css.map 25KB
index_bg.png 159KB bg_title.png 82KB bg_top.png 81KB title.png 77KB xubox_ico0.png 32KB jinghui.png 17KB center01.png 17KB report01.png 15KB report02.png 13KB bg_img04.png 13KB icon.png 11KB共 201 条
- 1
- 2
- 3
资源评论
淬心石2021-03-05不值哎哎哎
lyxlink2021-06-25仅参考参考，意义不大。
liu7091278592019-08-28好像是抄的，还抄了一半。还浪费我的分
