HTML大屏报表-网络当天实时发稿量-Echarts图表大屏-源码-解压即用.zip资源-CSDN文库

共26个文件

js：7个

css：5个

map：4个

版权申诉

echarts

可视化

源码

60 浏览量 2024-06-21 11:11:06 上传评论收藏 635KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML大屏报表-网络当天实时发稿量-Echarts图表大屏-源码-解压即用.zip （26个子文件）

HTML大屏报表-网络当天实时发稿量-Echarts图标大屏-源码-解压即用

bootstrap.js 68KB

npm.js 484B

highcharts.js 189KB

oldie.js 12KB

highcharts-zh_CN.js 3KB

base.js 18KB

jquery.min.js 132KB

.idea

Statistics.iml 336B

vcs.xml 180B

modules.xml 272B

css

bootstrap-theme.min.css.map 25KB

bootstrap.min.css 118KB

bootstrap-theme.css.map 47KB

bootstrap-theme.css 26KB

bootstrap.css.map 380KB

bootstrap.css 143KB

bootstrap-theme.min.css 23KB

base.css 2KB

bootstrap.min.css.map 529KB

043 网络当天实时发稿量.png 178KB

index.html 8KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!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"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/base.css" rel="stylesheet"> <title>大屏展示</title> </head> <body> <div class="container-fluid container-fluid-s"> <div class="row"> <div class="col-md-12 col-lg-6 mrbt"> <div class="totalbox"> <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>当天实时发稿量</p> </li> </ul> <div class="totaltem"> <div class="col-md-12 total hbule"> <span class="name">总发稿量</span> <span class="number"> <a href="xxxxx">3</a> <a href="xxxxx">8</a> <a href="xxxxx">9</a> <a href="xxxxx">1</a> </span> <span class="name">条</span> </div> </div> <div class="row" style="padding: 0 2vw"> <div class="col-md-2"> <div class="column"> <p>宏观经济</p> <div class="purple"><span class="bold">1292</span>条</div> </div> </div> <div class="col-md-2"> <div class="column"> <p>资本市场</p> <div class="grn"><span class="bold">892</span>条</div> </div> </div> <div class="col-md-2"> <div class="column"> <p>货币市场</p> <div class="bule"><span class="bold">590</span>条</div> </div> </div> <div class="col-md-2"> <div class="column"> <p>外汇市场</p> <div class="yel"><span class="bold">970</span>条</div> </div> </div> <div class="col-md-2"> <div class="column"> <p>债券市场</p> <div class="org"><span class="bold">1002</span>条</div> </div> </div> <div class="col-md-2"> <div class="column"> <p>大宗商品</p> <div class="ybule"><span class="bold">692</span>条</div> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>个人发稿量排行</p> </li> <li role="presentation" class="fr"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">月</a></li> <li role="presentation" class="active fr"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home"> <div id="container1" style="width: 100%;height: 100%;"></div> </div> <div role="tabpanel" class="tab-pane" id="profile"> <div id="container2" style="width: 100%;height: 400px;"></div> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>建稿类型统计图</p> </li> <li role="presentation" class="active fr"><a href="#jglx" aria-controls="jglx" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="jglx"> <div id="jglxchart" style="width: 100%;height: 100%;"></div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>各栏目发稿量趋势图</p> </li> <li role="presentation" class="active fr"><a href="#qst-month" aria-controls="qst-month" role="tab" data-toggle="tab">月</a></li> <li role="presentation" class=" fr"><a href="#qst-day" aria-controls="qst-day" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="qst-month"> <div id="qst-monthchart" style="width: 100%;height: 100%;"></div> </div> <div role="tabpanel" class="tab-pane" id="qst-day"> <div id="qst-daychart" style="width: 100%;height: 100%;"></div> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>人机发稿量占比</p> </li> <li role="presentation" class="fr"><a href="#rj-month" aria-controls="qst-month" role="tab" data-toggle="tab">月</a></li> <li role="presentation" class="active fr"><a href="#rj-day" aria-controls="qst-day" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane" id="rj-month"> <div id="rj-monthchart" style="width: 100%;height: 100%;"></div> </div> <div role="tabpanel" class="tab-pane active" id="rj-day"> <div id="rj-daychart" style="width: 100%;height: 100%;"></div> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>各栏目发稿量分布图</p> </li> <li role="presentation" class="active fr"><a href="#fbt-month" aria-controls="qst-month" role="tab" data-toggle="tab">月</a></li> <li role="presentation" class=" fr"><a href="#fbt-day" aria-controls="qst-day" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="fbt-month"> <div id="fbt-monthchart" style="width: 100%;height: 100%;"></div> </div> <div role="tabpanel" class="tab-pane" id="fbt-day"> <div id="fbt-daychart" style="width: 100%;height: 100%;"></div> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 mrbt"> <div class="totalbox">  <ul class="nav nav-pills totaltitle" role="tablist"> <li class="fl"> <p>建稿类型统计图</p> </li> <li role="presentation" class="active fr"><a href="#zxlx" aria-controls="zxlx" role="tab" data-toggle="tab">天</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="zxlx"> <div id="zxlxchart" style="width: 100%;height: 100%;"></div> </div> </div> </div> </div> </div> </div>

评论收藏

内容反馈

版权申诉