<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数据可视化demo</title>
<link href="../styles/common.css" rel="stylesheet">
<script src="../scripts/Plugin/jquery-3.3.1.min.js"></script>
<script src="../scripts/Plugin/echarts.min.js"></script>
<script src="../scripts/Plugin/bmap.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=LelFSt6BfykGf8m3PB5zr8LaXAG2cMg6"></script>
<script src="../scripts/common.js"></script>
<script src="../scripts/index.js"></script>
<script src="../scripts/Plugin/laydate/laydate.js"></script>
</head>
<body>
<!--顶部-->
<header class="header left">
<div class="left nav">
<ul>
<li class="nav_active"><i class="nav_1"></i><a href="index.html">采集概况</a> </li>
<li><i class="nav_2"></i><a href="quota.html">指标分析</a> </li>
<li><i class="nav_3"></i><a href="trend.html">趋势分析</a> </li>
<li><i class="nav_4"></i><a href="chronic.html">慢病病人列表</a> </li>
</ul>
</div>
<div class="header_center left" style="position:relative">
<h2><strong>大数据展示</strong></h2>
</div>
<div class="right nav text_right">
<ul>
</ul>
</div>
</header>
<!--内容部分-->
<div class="con left">
<!--数据总概-->
<div class="con_div">
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_1.png" class="left text01_img"/>
<div class="left text01_div">
<p>总采集数据量(G)</p>
<p>1235</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_2.png" class="left text01_img"/>
<div class="left text01_div">
<p>当月采集数据量(G)</p>
<p>235</p>
</div>
</div>
</div>
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_3.png" class="left text01_img"/>
<div class="left text01_div">
<p>总门诊数(人)</p>
<p class="sky">12356</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_4.png" class="left text01_img"/>
<div class="left text01_div">
<p>当月门诊数(人)</p>
<p class="sky">12356</p>
</div>
</div>
</div>
<div class="con_div_text left">
<div class="con_div_text01 left">
<img src="../images/info_5.png" class="left text01_img"/>
<div class="left text01_div">
<p>总住院数(人)</p>
<p class="org">12356</p>
</div>
</div>
<div class="con_div_text01 right">
<img src="../images/info_6.png" class="left text01_img"/>
<div class="left text01_div">
<p>当月住院数(人)</p>
<p class="org">12356</p>
</div>
</div>
</div>
</div>
<!--统计分析图-->
<div class="div_any">
<div class="left div_any01">
<div class="div_any_child">
<div class="div_any_title"><img src="../images/title_1.png">各医院采集数据量</div>
<p id="pieChart1" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title"><img src="../images/title_2.png">各医院门诊住院费用</div>
<p id="histogramChart" class="p_chart"></p>
</div>
</div>
<div class="div_any02 left ">
<div class="div_any_child div_height">
<div class="div_any_title any_title_width"><img src="../images/title_0.png">厦门市地图 </div>
<div id="mapChart" style="width:97.5%;height:95%;display: inline-block;padding-left: 1.25%;padding-top:2.2%"></div>
</div>
</div>
<div class="right div_any01">
<div class="div_any_child">
<div class="div_any_title"><img src="../images/title_3.png">数据采集条数(当日)</div>
<p id="lineChart" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title"><img src="../images/title_4.png">就诊人数(当日)</div>
<p id="lineChart2" class="p_chart"></p>
</div>
</div>
</div>
<div id="el-dialog" class="">
<div class="xc_layer"></div>
<div class="popBox" id="printView">
<div class="ttBox"><span class="tt" id="reportTitle">第一医院</span><img src="../images/close.png" style="width: 30px;float: right;cursor: pointer;" title="关闭弹窗" class="close"/></div>
<div class="txtBox" id="el-dialog_body">
<div style="height:100%;width: 98%;margin-left: 1%;">
<div class="left div_any01" style="width: 64%;">
<div class="div_any_child">
<div class="div_any_title"><div type="text" class="demo-input" id="date1" style="display: inline-block;cursor: pointer;margin-right: 16px;"></div><img src="../images/title_4.png">门诊住院人次</div>
<p id="lineChart3" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title"><div type="text" class="demo-input" id="date2" style="display: inline-block;cursor: pointer;margin-right: 16px;"></div><img src="../images/title_7.png">医疗费用</div>
<p id="lineChart4" class="p_chart"></p>
</div>
</div>
<div class="left div_any01" style="width: 32%;">
<div class="div_any_child">
<div class="div_any_title"><div type="text" class="demo-input" id="date3" style="display: inline-block;cursor: pointer;margin-right: 16px;"></div><img src="../images/title_18.png">病人年龄段分布</div>
<p id="pieChart2" class="p_chart"></p>
</div>
<div class="div_any_child">
<div class="div_any_title"><div type="text" class="demo-input" id="date4" style="display: inline-block;cursor: pointer;margin-right: 16px;"></div><img src="../images/title_20.png">医疗费用组成</div>
<p id="pieChart3" class="p_chart"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
大数据平台数据
共78个文件
png:40个
js:12个
html:5个
需积分: 16 25 下载量 200 浏览量
2019-07-09
09:28:00
上传
评论 1
收藏 1.4MB RAR 举报
温馨提示
大数据平台数据概览,一个比较美观的数据平台,十分实用
资源推荐
资源详情
资源评论
收起资源包目录
大数据展示.rar (78个子文件)
011
images
info_3.png 7KB
info_7.png 5KB
title_10.png 5KB
title_3.png 4KB
title_8.png 9KB
title_7.png 8KB
info_4.png 6KB
title_12.png 2KB
title_6.png 5KB
title_5.png 6KB
info_11.png 7KB
info_2.png 5KB
find.png 811B
title_1.png 2KB
title_15.png 5KB
nav_2.png 5KB
title_11.png 4KB
title_19.png 7KB
title_2.png 8KB
info_12.png 6KB
info_1.png 8KB
chartBack.jpg 295KB
info_6.png 5KB
info_5.png 7KB
title_14.png 7KB
title_20.png 5KB
title_4.png 7KB
close.png 4KB
logoBg.png 19KB
nav_1.png 5KB
title_17.png 9KB
info_9.png 12KB
logo.png 122KB
title_16.png 4KB
info_8.png 7KB
nav_3.png 4KB
title_0.png 8KB
title_13.png 8KB
title_9.png 3KB
title_18.png 10KB
info_10.png 7KB
fonts
glyphicons-halflings-regular.woff 23KB
fontawesome-webfont.woff 79KB
fontawesome-webfont.eot 67KB
glyphicons-halflings-regular.woff2 18KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB
fontawesome-webfont.svg 348KB
fontawesome-webfont.woff2 63KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.ttf 135KB
views
trend.html 6KB
index.html 7KB
chronic.html 4KB
quota.html 5KB
NCDindex.html 5KB
styles
pagination.css 697B
bootstrap-table.css 7KB
bootstrap.min.css 116KB
common.css 21KB
scripts
index.js 21KB
chronic.js 175B
Plugin
jquery-3.3.1.min.js 85KB
bmap.min.js 5KB
jquery.pagination.min.js 3KB
laydate
laydate.js 27KB
theme
default
laydate.css 8KB
font
iconfont.eot 2KB
iconfont.ttf 2KB
iconfont.svg 3KB
iconfont.woff 1KB
echarts.min.js 727KB
jquery.slimscroll.min.js 5KB
common.js 7KB
trend.js 13KB
NCDindex.js 14KB
quota.js 16KB
共 78 条
- 1
资源评论
shangshufa
- 粉丝: 24
- 资源: 173
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功