上传大数据代码

page/bigData/component/disease-crowd.js

@@ -0,0 +1,152 @@
(function() {
	Vue.component('disease-crowd', {
		template: '<div>\
			<div class="div-disease-item active">\
				<h4 class="c-b5e1fc c-f16 c-t-center div-disease-title">高血压人群</h4>\
				<img src="../images/icon.png" class="icon-img">\
				<div class="c-row">\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">总人数</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">52,365</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">上月新增</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">152</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">同比</span>\
							</p>\
							<img src="../images/zengzhang.png" class="zengzhang-img"/>\
							<span class="c-b5e1fc c-f26 ml20 c-bold">12%</span>\
						</div>\
					</div>\
				</div>\
			</div>\
			<div class="div-disease-item mt10">\
				<h4 class="c-b5e1fc c-f16 c-t-center div-disease-title">糖尿病人群</h4>\
				<img src="../images/icon.png" class="icon-img">\
				<div class="c-row">\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">总人数</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">52,365</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">上月新增</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">152</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">同比</span>\
							</p>\
							<img src="../images/zengzhang.png"/>\
							<span class="c-b5e1fc c-f26 ml20 c-bold">12%</span>\
						</div>\
					</div>\
				</div>\
			</div>\
			<div class="div-disease-item mt10">\
				<h4 class="c-b5e1fc c-f16 c-t-center div-disease-title">孕产妇人群</h4>\
				<img src="../images/icon.png" class="icon-img">\
				<div class="c-row">\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">总人数</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">52,365</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">上月新增</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">152</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">同比</span>\
							</p>\
							<img src="../images/zengzhang.png"/>\
							<span class="c-b5e1fc c-f26 ml20 c-bold">12%</span>\
						</div>\
					</div>\
				</div>\
			</div>\
			<div class="div-disease-item mt10">\
				<h4 class="c-b5e1fc c-f16 c-t-center div-disease-title">65岁以上老年人人群</h4>\
				<img src="../images/icon.png" class="icon-img">\
				<div class="c-row">\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">总人数</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">52,365</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">上月新增</span>\
							</p>\
							<span class="c-fff71a c-f26 c-bold">152</span>\
							<span class="c-b5e1fc c-f16">人</span>\
						</div>\
					</div>\
					<div class="c-33 bg-icon">\
						<div class="absolute-content">\
							<p class="c-b5e1fc c-f12">\
								<span class="c-b5e1fc c-f16">同比</span>\
							</p>\
							<img src="../images/zengzhang.png"/>\
							<span class="c-b5e1fc c-f26 ml20 c-bold">12%</span>\
						</div>\
					</div>\
				</div>\
			</div>\
		</div>',
		props: [],
		data: function() {
			return {
				
			}
		},
		methods: {
			
		},
		mounted: function() {
		}
	})
})()

page/bigData/css/home.css

@@ -3,8 +3,16 @@ html {
}
body {
	background-color: #010B14;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	background-image: url(../images/BG.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
#main {
	height: 100%;
}
.div-header {
@@ -13,8 +21,8 @@ body {
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 100;
    position: fixed;
    top: 0;
	position: fixed;
	top: 0;
}
.div-bottom {
@@ -24,4 +32,342 @@ body {
	background-size: 100% 100%;
	position: fixed;
	bottom: 0;
}
.div-title {
	background: url(../images/dashujuyingyongfuwupingtai.png) no-repeat;
	width: 1.45rem;
	height: 0.26rem;
	line-height: 0.26rem;
	background-size: 1.45rem 0.26rem;
	text-align: center;
	font-size: 0.1rem;
	margin-top: 0.08rem;
	color: #ffffff;
	margin-left: 0.1rem;
}
.content {
	width: 100%;
	height: -moz-calc(100% - 0.65rem);
	height: -webkit-calc(100% - 0.65rem);
	height: calc(100% - 0.65rem);
	/*padding: 0.12rem;*/
	position: relative;
}
.left-panel {
	position: absolute;
	width: 2.29rem;
	height: 2.92rem;
	top: 0;
	left: 0.2rem;
	right: 0.18rem;
	/*padding: 0.05rem;*/
}
.center-panel {
	position: relative;
	width: 4.286rem;
	height: 3.11rem;
	background: url(../images/ditudibu1.png) no-repeat;
	background-size: 4.286rem 3.11rem;
	margin-left: 2.8rem;
	margin-top: 0.1rem;
}
.right-panel {
	position: absolute;
	width: 2.677rem;
	height: 3.1rem;
	background: url(../images/fengexian.png) no-repeat;
	background-size: 2.677rem 3.1rem;
	right: 0.1rem;
}
.bottom-left-panel {
	position: absolute;
	width: 7rem;
	height: 1.63rem;
	background: url(../images/zdfwrqzengjiaqushi.png) no-repeat;
	background-size: 7rem 1.63rem;
	left: 0.1rem;
	bottom: 0.1rem;
}
.bottom-right-panel {
	position: absolute;
	width: 2.677rem;
	height: 1.64rem;
	background: url(../images/shiwangyuanyin.png) no-repeat;
	background-size: 2.677rem 1.64rem;
	right: 0.1rem;
	bottom: 0.1rem;
}
.div-disease-item {
	width: 2.29rem;
	height: 0.73rem;
	background: url(../images/weixuanzhong.png) no-repeat;
	background-size: 2.29rem 0.73rem;
	position: relative;
}
.div-disease-item.active {
	width: 2.41rem;
	height: 0.81rem;
	background: url(../images/xuanzhong.png) no-repeat;
	background-size: 2.41rem 0.81rem;
	position: relative;
}
.c-f16 {
	font-size: 0.08rem;
}
.c-f26 {
	font-size: 0.14rem;
}
.c-b5e1fc {
	color: #b5e1fc;
}
.c-fff71a {
	color: #fff71a;
}
.c-257fb7 {
	color: #257FB7;
}
h4 {
	margin: 0;
	padding: 0 0 0.05rem;
}
.div-disease-item .div-disease-title,
.div-common-title {
	line-height: 0.18rem;
	position: relative;
}
.div-disease-item.active .div-disease-title {
	line-height: 0.23rem;
	position: relative;
}
.div-disease-item .c-row {
	margin-top: 0.05rem;
}
.div-disease-item.active .c-row {
	margin-top: 0;
}
.mt10 {
	margin-top: 0.05rem;
}
.ml20 {
	margin-left: 0.1rem;
}
.c-bold {
	font-weight: bold;
}
.mt0 {
	margin-top: 0;
}
.mr40 {
	margin-right: 0.2rem;
}
.mlr30 {
	margin-left: 0.16rem;
	margin-right: 0.16rem;
}
.mt30 {
	margin-top: 0.16rem;
}
.ml30 {
	margin-left: 0.16rem;
}
.mr30 {
	margin-right: 0.16rem;
}
.ml10 {
	margin-left: 0.05rem;
}
.absolute-content {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-18%);
	-o-transform: translateY(-18%);
	transform: translateY(-18%);
}
.bg-icon {
	object-fit: fill;
	position: relative;
	height: -moz-calc(100% - 0.34rem);
	height: -webkit-calc(100% - 0.34rem);
	height: calc(100% - 0.34rem);
}
.bg-icon .zengzhang-img {
	width: 0.09rem;
	height: 0.09rem;
	vertical-align: middle;
	position: absolute;
	top: 0.2rem;
}
.icon-img {
	width: 0.16rem;
	height: 0.16rem;
	position: absolute;
	right: 0.08rem;
	top: 0.026rem;
}
.div-disease-item .icon-img {
	width: 0.16rem;
	height: 0.16rem;
	position: absolute;
	right: 0.08rem;
	top: 0.026rem;
}
.div-disease-item.active .icon-img {
	width: 0.16rem;
	height: 0.16rem;
	position: absolute;
	right: 0.18rem;
	top: 0.0625rem;
}
.c-row {
	height: -moz-calc(100% - 0.34rem);
	height: -webkit-calc(100% - 0.34rem);
	height: calc(100% - 0.34rem);
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
	background-color: #009DFE;
	border-color: #009DFE;
}
.btn-default:hover,
.btn-default.active:hover {
	color: #fff;
	background-color: #009DFE;
	border-color: #009DFE;
}
.btn-default {
	background: #051829;
	border-color: #009DFE;
	color: #009DFE;
}
.btn-group {
	margin-left: 0.16rem;
	margin-top: 0.12rem;
}
.mr20 {
	margin-right: 0.1rem;
}
.fr {
	float: right;
}
#div-shiwang-echart {
	width: 0.75rem;
	height: 0.75rem;
	position: absolute;
	top: 50%;
	margin-top: -0.375rem;
}
.div-webkit-box {
	display: -webkit-box;
}
.div-webkit-box-flex1 {
	-webkit-box-flex: 1;
}
.c-f14 {
	font-size: 0.07rem;
}
.mt20 {
	margin-top: 0.1rem;
}
.div-siwang-type {
	width: calc(100% - 1.0625rem);
	position: absolute;
	top: 0.36rem;
	right: 0.04rem;
}
.gxy {
	background: #e175ad;
}
.tnb {
	background: #f6bb3f;
}
.gat {
	background: #f46e51;
}
.jk {
	background: #4ecd70;
}
.bar-a {
	display: inline-block;
	width: 0.05rem;
	height: 0.05rem;
	position: relative;
	top: 0.03rem;
}
/* boottSelect样式修改 */
.Mapselect{
	position: absolute;
	top: .114583rem;
	width: .677083rem;
	left: .125rem;
}
.map #dropdownMenu1{
	background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
	background-size: 100% 100%;
	height: 34px;
}
.btn.focus, .btn:focus, .btn:hover{
	color: #fff
}
.dropdown-menu{
	background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat;
	background-size: 100% 100%;
}

page/bigData/html/home.html

@@ -3,7 +3,7 @@
	<head>
		<meta charset="utf-8">
		<title>物联网智能设备首页</title>
		<title>医疗大数据服务分析</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">
@@ -15,10 +15,153 @@
	</head>
	<body>
		<div id="app">
		<div id="main">
			<div class="div-header"></div>
			
			
			<div class="div-title">大数据应用服务平台</div>
			<div class="content">
				<div class="right-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">本月高发疾病排行</h4>
						<img src="../images/icon.png" class="icon-img">
						<div data-toggle="buttons" class="btn-group">
							<label class="btn btn-default active">
								<input type="radio">全部
							</label>
							<label class="btn btn-default">
								<input type="radio">住院
							</label>
							<label class="btn btn-default">
								<input type="radio">门诊
							</label>
						</div>
						<div data-toggle="buttons" class="btn-group fr mr20">
							<label class="btn btn-default active">
								<input type="radio">本月
							</label>
							<label class="btn btn-default">
								<input type="radio">本季
							</label>
							<label class="btn btn-default">
								<input type="radio">本年
							</label>
						</div>
						<div id="div-gaofa-disease-chart" class="ml30" style="height:calc(100% - 102px)"></div>
					</div>
				</div>
				<div class="left-panel">
					<disease-crowd></disease-crowd>
				</div>
				<div class="center-panel">
					<!-- 地图 -->
					<div class="map mt20">
						<div class="dropdown Mapselect">
							<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation" @click="setCity(item)" v-for="item in town">
									<a role="menuitem" href="#">{{item.townName}}</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="bottom-left-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">重点服务人群增加趋势</h4>
						<div data-toggle="buttons" class="btn-group fr mr40 mt0" style="position: absolute;right: 0px;top: 15px">
							<label class="btn btn-default active">
								<input type="radio">本月
							</label>
							<label class="btn btn-default">
								<input type="radio">本季
							</label>
							<label class="btn btn-default">
								<input type="radio">本年
							</label>
						</div>
						<div id="div-zhongidan-echart" class="ml30" style="height:calc(100% - 50px);width: 100%;"></div>
					</div>
				</div>
				<div class="bottom-right-panel">
					<div style="height: 100%;">
						<h4 class="c-b5e1fc c-f16 c-t-center div-common-title">死亡原因</h4>
						<img src="../images/icon.png" class="icon-img">
						<div class="" style="height: 85%;">
							<div id="div-shiwang-echart" class="ml30 mr30"></div>
							<div class="div-siwang-type">
								<div style="position: absolute;right: 0;">
									<div class="div-webkit-box">
										<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
											<label class="gxy bar-a"></label>
											<label class="ml10">闹血管疾病</label>
											<label class="ml30">360</label>
										</div>
									</div>
									<div class="div-webkit-box mt10">
										<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
											<label class="gxy bar-a"></label>
											<label class="ml10">呼吸系统疾病</label>
											<label class="ml30">360</label>
										</div>
									</div>
								</div>
								<div class="div-webkit-box">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">恶性肿瘤</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">心脏病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">损失和中毒</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">消化系统疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">内分泌、营养和代谢疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">泌尿生殖系统疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
								<div class="div-webkit-box mt10">
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">
										<label class="gxy bar-a"></label>
										<label class="ml10">其他疾病</label>
										<label class="ml30">360</label>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="div-bottom"></div>
		</div>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1W9gqPiqc7C9TDliPP8S9Rj9"></script>
@@ -27,24 +170,15 @@
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/jquery.min.js?v=2.1.4"></script>
		<script src="../../../component/common/event-bus.js"></script>
		<script src="js/slider.js"></script>
		<script src="../../../js/plugins/echarts/echarts-all.js"></script>
		<script src="../../../js/plugins/echarts/echarts.js"></script>
		<script src="../../../js/plugins/toastr/toastr.min.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/plugins/layer/layer.min.js"></script>
		<!--<script src="../../../js/security.js"></script>-->
		<script src="../../../js/api/http-request.js"></script>
		<script src="../../../js/api/intelligent-api.js"></script>
		<script src="../../../component/intelligentDevice/device-searchbar.js"></script>
		<script src="../../../component/intelligentDevice/manbing-tab.js"></script>
		<script src="../../../component/intelligentDevice/yujing-list.js"></script>
		<script src="../../../component/intelligentDevice/device-chart.js"></script>
		<script src="../../../component/intelligentDevice/device-banding.js"></script>
		<script src="../../../component/intelligentDevice/juming-list.js"></script>
		<script src="../../../component/intelligentDevice/device-map.js"></script>
		<script src="../../../js/plugins/iscroll/iscroll.js"></script>
		<script src="../../../component/intelligentDevice/map-flashmarker.js"></script>
		<!--<script src="../../../js/api/intelligent-api.js"></script>-->
		<script src="../component/disease-crowd.js"></script>
		<script src="../js/home.js"></script>
	</body>

page/bigData/js/home.js

@@ -0,0 +1,354 @@
toastr.options = {
	"closeButton": true,
	"positionClass": "toast-top-center",
	"preventDuplicates": true
}
new Vue({
	el: '#main',
	data: {
        leftChart1:null,       
        city:'贵港市',
        town: [
            {
                "townName": "港北区",
                "result": "26531"
            },
            {
                "townName": "港南区",
                "result": "25634"
            },
            {
                "townName": "覃塘区",
                "result": "12587"
            },
            {
                "townName": "平南县",
                "result": "74128"
            },
            {
                "townName": "桂平市",
                "result": "113485"
            }
        ],
	},
	mounted: function() {
      
    },
    methods: {
        setCity(item){
            this.city = item.townName
        }
    }
});
//高发疾病
var gaoFaChart = echarts.init(document.getElementById('div-gaofa-disease-chart'));
var gaofaOption = {
	"tooltip": {
		"trigger": "axis"
	},
	grid: {top: 40, bottom: 30, left: 80},
	"yAxis": [{
		"type": "category",
		"name": "人次",
		"data": [
			"大肠杆菌性肠炎",
			"感染性腹泻",
			"胃肠炎",
			"糖尿病",
			"高血压病",
			"脑结核瘤",
			"骨结核",
			"肾结核",
			"心脏病",
			"急性脑膜炎球菌血症"
		],
		axisPointer: {
			type: 'shadow'
		},
		axisTick: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#095f8e'
			}
		},
		axisLabel: {
			color: '#b5e1fc'
		},
		nameTextStyle:{color: '#b5e1fc'}
	}],
	"xAxis": [{
		"type": "value",
		axisPointer: {
			type: 'shadow'
		},
		axisTick: {
			show: false
		},
		axisLine: {
			lineStyle: {
				color: '#095f8e'
			}
		},
		axisLabel: {
			color: '#fff'
		},
		splitLine: {
			show: false // 不显示坐标轴刻度
		}
	}],
	"series": [{
			"smooth": true,
			"name": "门急诊疾病情况",
			"type": "bar",
			stack: '广告',
			barWidth: 20,
			"label": {
				show: false,
				position: "right"
			},
			"itemStyle": {
				"normal": {
					"lineStyle": {
						"shadowColor": "rgba(0,0,0,0.4)"
					},
					color: '#6576e0'
				}
			},
			"data": [
				"100",
				"2435",
				"1102",
				"544",
				"520",
				"446",
				"408",
				"315",
				"225",
				"101"
			]
		},
		{
			"smooth": true,
			"name": "住院疾病情况",
			"type": "bar",
			stack: '广告',
			"label": {
				show: true,
				position: "right"
			},
			"itemStyle": {
				"normal": {
					"lineStyle": {
						"shadowColor": "rgba(0,0,0,0.4)"
					},
					barBorderRadius: [0, 8, 8, 0],
					color: '#00e6f3'
				}
			},
			"data": [
				"200",
				"3435",
				"1302",
				"684",
				"600",
				"546",
				"521",
				"463",
				"325",
				"301"
			]
		}
	]
}
gaoFaChart.setOption(gaofaOption);
//死亡率
var myChart = echarts.init(document.getElementById('div-shiwang-echart'));
var option = {
	//      "title": {
	//          "text": "性别分布",
	//          "subtext": "性别分布",
	//          "x": "center"
	//      },
	"tooltip": {
		"trigger": "item"
	},
	"series": [{
		"center": [
			"50%",
			"50%"
		],
		radius: ['50%', '70%'],
		"name": "",
		"type": "pie",
		"itemStyle": {
			"normal": {
				"label": {
					"show": false
				},
				"labelLine": {
					"show": false
				}
			}
		},
		"data": [{
				"name": "恶性肿瘤",
				"value": "21365"
			},
			{
				"name": "脑血管疾病",
				"value": "188524"
			},
			{
				"name": "心脏病",
				"value": "14578"
			},
			{
				"name": "呼吸系统疾病",
				"value": "12635"
			},
			{
				"name": "损伤和中毒",
				"value": "15503"
			},
			{
				"name": "消化系统疾病",
				"value": "45621"
			},
			{
				"name": "内分泌、营养和代谢疾病",
				"value": "63215"
			},
			{
				"name": "必尿生殖系统疾病",
				"value": "32542"
			},
			{
				"name": "其他疾病",
				"value": "84523"
			}
		]
	}]
}
myChart.setOption(option);
//重点人群
var zhongdianChart = echarts.init(document.getElementById('div-zhongidan-echart'));
var zhongdianOption =  {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'item',
            crossStyle: {
                color: '#fff'
            }
        }
    },
	grid: {top: 50, bottom: 30, left: 30,right:80},
    legend: {
        data:['平均床日数','环比'],
		textStyle: {
			color: '#b5e1fc'
		}
    },
    xAxis: [
        {
            type: 'category',
            data: ['1月','2月','3月','4月','5月','6月'],
            axisPointer: {
                type: 'shadow'
            },
            axisTick: {
                show: false
            },
			axisLine: {
				lineStyle: {
					color: '#095f8e'
				}
			},
			axisLabel: {
				color: '#b5e1fc'
			}
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '平均床日数',
            min: 0,
            max: 250,
			nameTextStyle: {
				color: '#b5e1fc' // 坐标轴名称颜色
			},
			splitLine: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#095f8e'
				}
			},
			axisLabel: {
				color: '#b5e1fc'
			}
        },
        {
            type: 'value',
            name: '环比',
            min: 0,
            max: 4,
			nameTextStyle: {
				color: '#b5e1fc' // 坐标轴名称颜色
			},
			splitLine: {
				show: false  // 不显示坐标轴刻度
			},
			axisLine: {
				lineStyle: {
					color: '#095f8e'  // 坐标轴轴线颜色
				}
			},
			axisLabel: {
				color: '#b5e1fc' // 坐标轴刻度标签文本颜色
			},
			show: false
        }
    ],
    series: [
        {
            name:'平均床日数',
            type:'bar',
            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7],
            barWidth: 20,
			label: {
                normal: {
                    show: true,
                    position: 'top', // 在柱状图上方显示
					color: '#fff' // 柱状图上方显示的数值颜色
                }
            },
            itemStyle: {
                barBorderRadius: [8,8,0,0],
                color: '#00e6f3'
            }
        },
        {
            name:'环比',
            type:'line',
            yAxisIndex: 1,
            data:[2.0, 1, 3.3, 2,1.5, 3],
			itemStyle: {
                color: '#03fa6d'
            }
        }
    ]
};
zhongdianChart.setOption(zhongdianOption);