<!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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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">
<!-- Nav tabs -->
<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>
<!-- Tab panes -->
<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>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML大屏报表:Echarts大屏源码,即下即用 在这个数据驱动的时代,大屏展示已成为企业展示数据、分析趋势的重要工具。现在,我们为您提供一份精心制作的HTML大屏报表资源包,基于强大的Echarts可视化库,让您轻松构建专业级的数据大屏。 资源特点: 前端技术领先:利用HTML5和CSS3的前沿技术,确保大屏展示流畅、兼容性强,支持多终端访问。 Echarts图表库:集成丰富的图表类型,如折线图、柱状图、饼图等,轻松呈现复杂数据关系。 源码完整:提供完整的源码文件,解压即可使用,无需额外配置,节省开发时间。 即下即用:无需担心技术门槛,简单几步即可将大屏集成到您的项目中,快速实现数据可视化。 无论您是数据分析师、前端开发者还是项目经理,这份资源都将是您打造专业级数据大屏的得力助手。赶快下载体验,让数据以更直观、更专业的方式呈现在您的大屏上吧!
资源推荐
资源详情
资源评论
收起资源包目录
HTML大屏报表-网络当天实时发稿量-Echarts图表大屏-源码-解压即用.zip (26个子文件)
HTML大屏报表-网络当天实时发稿量-Echarts图标大屏-源码-解压即用
js
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
共 26 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【cocos creator】下拉框
- 基于pytorch实现3D ResNet网络的视频动作分类项目源码+运行说明+模型(支持得分模式和特征模式).zip
- 360国贸纽约城市&女神像.rar
- 更新城市蔓延指数数据集(1990-2023年).xlsx
- datafor3dgs
- 基于Python+Django框架的个性化书籍推荐管理系统开发(程序+万字LW)
- 思科模拟器最新版 CiscoPacketTracer8.2.2
- 安卓大作业-基于AndroidStudio开发的星座app项目源码(高分项目)
- xplore_tehb_v4.39.00_2265.com.apk
- 基于Python和Django框架的个性化书籍推荐管理系统开发
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功