HTML+CSS+JS数据可视化大屏平台模板实例13-企业业绩

共8个文件

png：4个

css：1个

html：1个

版权申诉

数据可视化大屏

5星 · 超过95%的资源 143 浏览量 2022-03-25 08:49:46 上传评论收藏 246KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

HTML+CSS+JS数据可视化大屏平台模板实例13-企业业绩.rar （8个子文件）

HTML+CSS+JS数据可视化大屏平台模板实例13-企业业绩

HTML+CSS+JS数据可视化大屏平台模板实例13-企业业绩.JPG 222KB

数据可视化页面55_files

jquery.min.js 86KB

zc.png 2KB

sq.png 683B

tb.png 1003B

wc.png 1KB

style.css 28KB

数据可视化页面55.html 19KB

<!DOCTYPE html>  <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>数据可视化页面55</title> <link rel="stylesheet" href="./数据可视化页面55_files/style.css"> <style type="text/css"></style></head> <body>  <div class="header"> <ul class="left"> <li></li> <li></li> <li></li> <li></li> </ul> <div class="title"> <span>Data Visualization Display System</span> </div> <ul class="right"> <li></li> <li></li> <li></li> <li></li> </ul> </div>  <div class="main">  <div class="main-left">  <div class="completion"> <div class="completion-content"> <div class="rate"> <h5><span>完成率</span></h5> <p>67%</p> </div> </div> </div>  <div class="lightning"> <div class="lightning1"> <div class="sd1"></div> <div class="jd1"> <ul class="cd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="box1"></div> <div class="box2"></div> </div> </div> <div class="lightning2"> <div class="sd2"></div> <div class="jd2"> <ul class="cd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="box1"></div> <div class="box2"></div> </div> </div> </div>  <div class="top3"> <ul> <li> <div class="title">NO.1</div> <div class="content"> <p>80%</p> <span>门店1</span> </div> </li> <li> <div class="title">NO.2</div> <div class="content"> <p>80%</p> <span>门店2</span> </div> </li> <li> <div class="title">NO.3</div> <div class="content"> <p>80%</p> <span>门店3</span> </div> </li> </ul> </div> </div>  <div class="main-middle"> <div class="external1"></div> <div class="external2"></div> <div class="external3"></div> <div class="external4"></div>  <div class="jz1"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class="jz2"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div>  <div class="inner1"></div> <div class="inner2"></div>  <div class="arrow-l"> <ol> <li></li> <li></li> <li></li> </ol> </div> <div class="arrow-r"> <ol> <li></li> <li></li> <li></li> </ol> </div>  <div class="meter"></div>  <div class="animate"></div>  <div class="sale"> <p><span>销售额</span></p> <p><span>6593625</span></p> </div> </div>  <div class="main-right">  <div class="compare"> <div class="compare-content"> <div class="rate2"> <h5><span>同比</span></h5> <p>0.58</p> </div> </div> </div>  <div class="lightning"> <div class="lightning3"> <div class="jd3"> <ul class="cd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="box1"></div> <div class="box2"></div> </div> <div class="sd3"></div> </div> <div class="lightning4"> <div class="jd4"> <ul class="cd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="box1"></div> <div class="box2"></div> </div> <div class="sd4"></div> </div> </div>  <div class="top6"> <ul> <li> <div class="title">NO.4</div> <div class="content"> <p>80%</p> <span>门店4</span> </div> </li> <li> <div class="title">NO.5</div> <div class="content"> <p>80%</p> <span>门店5</span> </div> </li> <li> <div class="title">NO.6</div> <div class="content"> <p>80%</p> <span>门店6</span>