大数据可视化大屏页面-数据可视化大屏展示系统+源代码+演示地址

共47个文件

png：41个

js：2个

css：1个

版权申诉

毕业设计

101 浏览量 2024-06-19 20:42:16 上传评论收藏 7.8MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

031 数据可视化大屏展示系统.zip （47个子文件）

031 数据可视化大屏展示系统

031 数据可视化大屏展示系统.png 1.36MB

echarts.min.js 730KB

jquery-1.11.0.min.js 94KB

css

style.css 11KB

style.less 17KB

index.html 8KB

images

cicle2.png 10KB

big.png 1.01MB

cicle4.png 13KB

cicle03.png 8KB

矩形 5.png 364B

3.png 22KB

yuan3-01.png 21KB

圆2-03.png 10KB

圆4-03.png 8KB

yuan2-01.png 23KB

circle.png 392KB

1.png 35KB

title.png 92B

di.png 21KB

cicle1.png 13KB

yuan1-01.png 30KB

圆5-01.png 23KB

cicle01.png 9KB

bg.png 1.29MB

圆3-03.png 8KB

cicle5.png 10KB

底04.png 16KB

5.png 27KB

4.png 22KB

cicle3.png 10KB

cicle02.png 15KB

圆5-02.png 11KB

camvas2(1).png 1.79MB

cicle.png 698B

cicle04.png 8KB

yuan1-03.png 14KB

底03.png 20KB

圆4-02.png 9KB

圆3-02.png 9KB

圆2-02.png 11KB

底02.png 20KB

yuan4-01.png 22KB

yuan1-02.png 13KB

2.png 26KB

圆5-03.png 10KB

fonts

汉仪铸字超然体.TTF 2.09MB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="refresh" content="50;url='https://github.com/iGaoWei/BigDataView'"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./css/style.css"> </head> <body>  <div class="header"> <div class="title"> <span>数据可视化大屏展示系统</span> </div> <div class="time"> <span></span> </div> <div class="company"> <span>LOGO</span> <span>××公司</span> </div> </div>  <div class="main"> <div class="animate">  <div class="float"> <div class="floating1"> <div id="roate1"> <div class="roate-item"> <p>12356</p> <span>销售额</span> </div> <div class="roate-item"> <p>53%</p> <span>同比</span> </div> <div class="roate-item"> <p>63%</p> <span>完成率</span> </div> </div> <p class="pm">NO.5</p> </div> <div class="floating2"> <div id="roate2"> <div class="roate-item2"> <p>12356</p> <span>销售额</span> </div> <div class="roate-item2"> <p>53%</p> <span>同比</span> </div> <div class="roate-item2"> <p>63%</p> <span>完成率</span> </div> </div> <p class="pm2">NO.4</p> </div> <div class="floating3"> <div id="roate3"> <div class="roate-item3"> <p>12356</p> <span>销售额</span> </div> <div class="roate-item3"> <p>53%</p> <span>同比</span> </div> <div class="roate-item3"> <p>63%</p> <span>完成率</span> </div> </div> <p class="pm3">NO.3</p> </div> <div class="floating4"> <div id="roate4"> <div class="roate-item4"> <p>12356</p> <span>销售额</span> </div> <div class="roate-item4"> <p>53%</p> <span>同比</span> </div> <div class="roate-item4"> <p>63%</p> <span>完成率</span> </div> </div> <p class="pm4">NO.2</p> </div> <div class="floating5"> <div id="roate5"> <div class="roate-item5"> <p>12356</p> <span>销售额</span> </div> <div class="roate-item5"> <p>53%</p> <span>同比</span> </div> <div class="roate-item5"> <p>63%</p> <span>完成率</span> </div> </div> <p class="pm5">NO.1</p> </div> </div> <div class="sum"> <div class="data"> <p>总销售额</p> <span>2621526</span> </div> <div class="cicle1"></div> <canvas id="canvas1"></canvas> <canvas id="canvas2"></canvas> <div class="data1"> <div class="qiu"> <p>70%</p> </div> <span>折扣率</span> </div> <div class="data2"> <div class="qiu"> <p>70%</p> </div> <span>售罄率</span> </div> <div class="data3"> <div class="qiu"> <p>86%</p> </div> <span>完成率</span> </div> <div class="data4"> <div class="qiu"> <p>73%</p> </div> <span>同比</span> </div> </div> </div> <div class="charts"> <div class="charts1"> <div class="charts-title"> <span>产品销售情况分析</span> </div> <div class="charts-content1 content"></div> </div> <div class="charts2"> <div class="charts-title"> <span>商品销售排名</span> </div> <div class="charts-content2 content"> <table> <thead> <tr> <td>排名</td> <td>门店</td> <td>销售额</td> <td>完成情况</td> </tr> </thead> <tbody> <tr> <td>01</td> <td>××门店</td> <td>25947元</td> <td style="color: #dbbd73">85%<span class="chart1"></span></td> </tr> <tr> <td>02</td> <td>××门店</td> <td>25947元</td> <td style="color: #4bd8ba">85%<span class="chart2"></span></td> </tr> <tr> <td>03</td> <td>××门店</td> <td>25947元</td> <td style="color: #4bd8ba">85%<span class="chart3"></span></td> </tr> <tr> <td>04</td> <td>××门店</td> <td>25947元</td> <td style="color: #4bd8ba">85%<span class="chart4"></span></td> </tr> <tr> <td>05</td> <td>××门店</td> <td>25947元</td> <td style="color: #dbbd73">85%<span class="chart5"></span></td> </tr> <tr> <td>06</td> <td>××门店</td> <td>25

评论收藏

内容反馈

版权申诉