基于ECharts大数据展示系统可视化大屏源码.rar资源-CSDN文库

共44个文件

png：18个

js：12个

css：7个

版权申诉

169 浏览量 2023-08-15 09:08:28 上传评论收藏 676KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于ECharts大数据展示系统可视化大屏源码.rar （44个子文件）

基于ECharts大数据展示系统可视化大屏源码

data-1576140623415-kSH4vRQ1.json 97KB

newmap.js 40B

wodry.min.js 8KB

mymap.js 11KB

data-1519279347346-BkslpCjwf.json 30KB

fontscroll.js 2KB

echarts.js 74KB

china.js 60KB

myFunc.js 2KB

index2.js 22KB

data-1528971808162-BkOXf61WX.json 53KB

jquery.js 82KB

jquery.min.js 94KB

data-1482909892121-BJ3auk-Se.json 48KB

survey.js 101KB

index3.js 73KB

css

main.css 3KB

index3.css 3KB

survey.css 9KB

public.css 2KB

index1.css 7KB

DISPLAY FREE TFB.ttf 15KB

wodry.css 659B

index.css 9KB

bigdata.html 13KB

images

jinrong.png 382B

image.png 381KB

pointer.png 946B

chooseKuang.png 8KB

chanye.png 458B

bg01.png 3KB

pic-5.png 2KB

xinyong.png 2KB

touxiang.png 4KB

s_ico3.png 650B

pic-6.png 1KB

pic-7.png 1KB

header.png 193B

kuang.png 9KB

bg.png 3KB

pic-4.png 1KB

data-1575019476644-Rak5eXt1.png 1KB

head.gif 20KB

fengxian.png 417B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数据展示</title> <link rel="stylesheet" href="css/wodry.css"> <link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/public.css"> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script> $(function () { $('.myscroll').myScroll({ speed: 60, //数值越大，速度越慢 rowHeight: 38 //li的高度 }); }); $(document).ready(function () { var whei = $(window).width() $("html").css({ fontSize: whei / 22 }); $(window).resize(function () { var whei = $(window).width(); $("html").css({ fontSize: whei / 22 }) }); }); </script> </head> <body> <div class="main"> <div class="header"> <div class="header-left fl" id="time"></div> <div class="header-center fl"> <div class="header-title"> 物流大数据展示 </div> <div class="header-img"></div> </div> <div class="header-right fl"></div> <div class="header-bottom fl"></div> </div> <div class="center"> <div class="center-left fl"> <div class="left-top rightTop border">  <div class="title">基本信息</div> <div class="top-list"> <p>当你征服一座山峰时，它已经在你脚下了，你必须再找一座山峰去征服，否则，你只有下山，走下坡路了</p> <ul> <li>成交额：4250万</li> <li>成交量：3545万件</li> <li>在线总数：1254万</li> <li>总包裹量：7854万</li> <li>在线商家：68万</li> <li>已发件：154万</li> </ul> </div> </div> <div class="left-cen rightTop border"> <div class="title">包裹量排名</div> <ul class="company" id="ceshi"> <li class="wodryRX0"> <span>NO.1</span> 湖南，包裹累计18.8万件</li><br/> <li class="wodryRX1">NO.2 河南，包裹累计16.5万件</li> <br/> <li class="wodryRX2">NO.3 贵州，包裹累计15.9万件</li> <br/> <li class="wodryRX3">NO.4 上海，包裹累计15.2万件</li> <br/> <li class="wodryRX4">NO.5 北京，包裹累计14.7万件</li> </ul> </div> <div class="left-bottom rightTop border"> <div class="title">商品分类占比</div> <div class="bottom-b"> <div id="chart3" class="allnav"></div> </div> </div> </div> <div class="center-cen fl"> <div class="cen-top rightTop border"> <div class="top-title"> <ul> <li> <p>数量统计</p> <span>3</span> <span>6</span> <span>5</span> <b>个</b> </li> <li> <p>同比上升</p> <span>1</span> <span>3</span> <b>%</b> </li> </ul> </div> <div class="top-bottom"> <div id="map" class="allnav" style="height: 4.4rem"></div> </div> </div> <div class="cen-bottom rightTop border"> <div class="title">月统计</div> <div class="bottom-b"> <div id="chart4" class="allnav"></div> </div> </div> </div> <div class="center-right fr"> <div class="right-top rightTop border"> <div class="title">商品销售排行</div> <div class="echart wenzi"> <div class="gun"> <span>排名</span> <span>商品名称</span> <span>销量</span> </div> <div id="FontScroll" class="myscroll"> <ul> <li> <div class="fontInner clearfix"> <span> <b>1</b> </span> <span>女装</span> <span>4562万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>2</b> </span> <span>手机配件</span> <span>4125万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>3</b> </span> <span>手机</span> <span>4100万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>4</b> </span> <span>流行饰品</span> <span>3989万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>5</b> </span> <span>男装</span> <span>3956万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>6</b> </span> <span>真人发</span> <span>3823万</span> </div> </li> <li> <div class="fontInner clearfix"> <span> <b>7</b> </span> <span>手表</span> <span>3723万</span> </div> </li>

评论收藏

内容反馈

版权申诉