Files
visual-vue-v1/resource/html/06government/07/page/index.html
T
2023-10-18 16:30:26 +08:00

1104 lines
44 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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">
<title>特种设备综合监管大屏</title>
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/style.css">
<style>
.t_btn {
margin-top: 20px;
}
.t_btn li {
display: inline-block;
margin: 0 0px 20px 20px;
}
.t_btn button,
.t_a {
display: inline-block;
padding: 10px 5px;
/*width: 80px;*/
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: normal;
margin: 0 0 0.5em 0;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
font-size: 1.5em;
width: 400px;
background-color: #2C58A6;
border-color: #0263ff;
color: white;
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset !important;
margin-right: 0.5em;
border-radius: 4px;
}
.t_a2 {
display: inline-block;
padding: 10px 5px;
/*width: 80px;*/
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: normal;
margin: 0 0 0.5em 0;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
font-size: 1.5em;
width: 400px;
background-color: #2C58A6;
border-color: #0263ff;
color: white;
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset !important;
margin-right: 0.5em;
border-radius: 4px;
}
.t_height {
line-height: 80px;
position: absolute;
right: 28px;
top: 0;
}
</style>
</head>
<body>
<!--header-->
<div class="header">
<div class="bg_header">
<div class="header_nav fl t_title">
压力容器监管大屏
</div>
</div>
<div class="header_nav fl">
</div>
<div class="header_myself fr t_height">
<a class="t_a" href="../index.html" style="width: 80px">返回 &nbsp;</a>
</div>
<div class="header_myself fr t_height">
<a class="t_a2" onclick="changeTuBiao()" style="width: 80px;margin-top: 70px">换图 &nbsp;</a>
</div>
</div>
<!--main-->
<div class="data_content">
<div class="data_main">
<div class="main_left fl">
<div class="left_1">
<ul class="t_btn">
<li>
<button class="t_btn0">使用单位地址所属城市检验报告数量分布</button>
</li>
<li>
<button class="t_btn3">检验报告数据量前5名特检单位统计</button>
</li>
<!--<li>-->
<!--<button class="t_btn14">GPS</button>-->
<!--</li>-->
<li>
<button class="t_btn13">各检验单位的检验结论统计</button>
</li>
<!--<li>-->
<!--<button class="t_btn2">湖南飞机场</button>-->
<!--</li>-->
<li>
<button class="t_btn4">制造单位与检验结论情况分析</button>
</li>
<li>
<button class="t_btn1">各容器种类的检验结论统计</button>
</li>
<li>
<button class="t_btn6">总体检验结论统计</button>
</li>
<!--<li>-->
<!--<button class="t_btn7">湖南货运量</button>-->
<!--</li>-->
<!--<li>-->
<!--<button class="t_btn5">各市货运量</button>-->
<!--</li>-->
<!--<li>-->
<!--<button class="t_btn8">货物周转量</button>-->
<!--</li>-->
<!--<li>-->
<!--<button class="t_btn9">运输线长度</button>-->
<!--</li>-->
<li>
<button class="t_btn10">检验类别的检验结论热力分布</button>
</li>
<li>
<button class="t_btn11">设备新增、报废统计</button>
</li>
<li>
<button class="t_btn12">制造日期、检验日期趋势分析</button>
</li>
</ul>
</div>
<div class="left_2" style="display:none">
<div class="main_title">
各检验单位的检验结论统计
</div>
</div>
</div>
<div class="main_center fl">
<div class="center_text t_cos0">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
使用单位地址所属城市检验报告数量分布
</div>
<div id="chart_map" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos1" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
各容器种类的检验结论统计
</div>
<div id="chart_2" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos2" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
湖南省飞机场
</div>
<div id="chart_0" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos3" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
检验报告数据量前5名特检单位统计
</div>
<div id="chart_4" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos4" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
检验报告数据量前5名特检单位统计
</div>
<div id="chart_1" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos5" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
总体检验结论统计
</div>
<div id="chart_3" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos6" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
制造单位与检验结论情况分析
</div>
<div id="chart_6" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos7" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
湖南总货运量
</div>
<div id="chart_7" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos8" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
总体检验结论统计
</div>
<div id="chart_8" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos9" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
湖南运输线长度
</div>
<div id="chart_9" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos10" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
检验类别的检验结论热力分布
</div>
<div id="chart_10" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos11" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
设备新增、报废统计
</div>
<div id="chart_11" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos12" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
制造日期、检验日期趋势分析
</div>
<div id="chart_12" class="chart" style="width:100%;height:778px;"></div>
</div>
<div class="center_text t_cos13" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
各检验单位的检验结论统计
</div>
<div id="chart_13" class="chart" style="width:100%;height:778px; cursor: pointer;"></div>
</div>
<div class="center_text t_cos14" style="display:none">
<!--左上边框-->
<div class="t_line_box">
<i class="t_l_line"></i>
<i class="l_t_line"></i>
</div>
<!--右上边框-->
<div class="t_line_box">
<i class="t_r_line"></i>
<i class="r_t_line"></i>
</div>
<!--左下边框-->
<div class="t_line_box">
<i class="l_b_line"></i>
<i class="b_l_line"></i>
</div>
<!--右下边框-->
<div class="t_line_box">
<i class="r_b_line"></i>
<i class="b_r_line"></i>
</div>
<div class="main_title">
GPS
</div>
<div id="chart_14" class="chart" style="width:100%;height:778px; cursor: pointer;"></div>
</div>
</div>
</div>
</div>
<div style="text-align:center;">
<p>更多模板:<a href="http://www.anydo.wang" target="_blank">陌生人 / BigDataView</a></p>
</div>
</body>
<script src="../js/jquery-2.2.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/common.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=dApOtvB5E3x6byHpUGHbRF1fxctCBdjw"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/dataTool.js"></script>
<script src="../js/base.js"></script>
<script src="../js/china.js"></script>
<script src="../js/hunan.js"></script>
<script src="../js/bmap.js"></script>
<script src="../js/echarts-all.js"></script>
<script >
var changetuFlag = 0
function changeTuBiao(){
console.log('=============changeTuBiao')
//各检验单位的检验结论统计
function echart_13zhu(){
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('chart_13'));
myChart.clear();
//2. 各检验单位的检验结论统计
var xData_104_ = function() {
var data = ["安徽省特检院","淮南市特检中心","芜湖市特检中心","滁州市特检中心","宣城市特检中心","铜陵市特检中心","阜阳市特检中心","安庆市特检中心","马鞍山市特检中心","淮北市特检中心","蚌埠市特检中心","黄山市特检中心","六安市特检中心","池州市特检中心","宿州市特检中心","安徽省特检院巢湖分院","安徽省特检院亳州检测部"];
return data;
}();
var legendData_104 = ["1 级","2 级","3 级","4 级","合格","监督运行","其他","允许使用",]
//1级
var _data_104_1 =[0, 0, 90, 671, 0, 0, 0, 1307, 1328, 0, 0, 458, 0, 0, 0, 0, 174]
//2级
var _data_104_2 = [2665, 3785, 2335, 1800, 923, 427, 938, 571, 1636, 753, 1538, 1447, 0, 320, 0, 808, 271]
var _data_104_3 =[2577, 0, 1, 638, 725, 2, 1, 1, 0, 1, 2, 692, 1, 413, 578, 710, 651]
var _data_104_4 =[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 42, 0, 0, 0, 0, 0, 0]
var _data_104_5 = [46069, 6691, 5969, 2580, 6248, 5806, 1815, 3537, 3123, 5279, 4235, 4206, 4540, 2494, 2458, 2822, 846]
var _data_104_6 = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 186, 0, 332, 0, 0]
var _data_104_7 = [6188, 3180, 4644, 8781, 5586, 3961, 6700, 4793, 2192, 1409, 1951, 1083, 1482, 3537, 990, 944, 926]
var _data_104_8 = [1189, 219, 0, 0, 347, 443, 576, 0, 1407, 878, 0, 0, 263, 354, 934, 45, 0]
option104 = {
// backgroundColor: "#344b58",
"title": {
"text": "",
"subtext": '',
x: "4%",
textStyle: {
color: '#fff',
fontSize: '22'
},
subtextStyle: {
color: '#90979c',
fontSize: '16',
},
},
toolbox: {
show:true,
feature: {
magicType: {
type: ['line', 'bar', 'stack', 'tiled']
},
dataView:{
show:true,
},
restore: {//配置项还原。
show: true
},
saveAsImage: {//保存为图片。
show: true
}
},
},
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "shadow",
textStyle: {
color: "#fff"
},
},
formatter: function(params) {
// console.log(params)
var indexX =0;
for(var x=0;x<xData_104_.length;x++){
if(params[0].name === xData_104_[x]){
indexX = x;
break;
}
}
// console.log(indexX)
var sum = _data_104_1[indexX] + _data_104_2[indexX] + _data_104_3[indexX] + _data_104_4[indexX] + _data_104_5[indexX]+ _data_104_6[indexX] + _data_104_7[indexX] + _data_104_8[indexX]
var displayString = '检验单位:' + params[0].name
for(var m =0;m<params.length;m++){
var itemString = '<br/>'+ params[m].marker + params[m].seriesName +':数量:' + params[m].data+ ',' + '占比:' + (params[m].data / sum * 100).toFixed(2) + '%,总数:'+sum;
displayString = displayString + itemString
}
return displayString
}
},
"grid": {
"borderWidth": 0,
"top": 104,
"bottom": 95,
textStyle: {
color: "#fff"
}
},
"legend": {
x: '4%',
top: '5%',
textStyle: {
color: '#fff',
fontSize:16,
},
"data": legendData_104
},
"calculable": true,
"xAxis": [{
"type": "category",
"position": {
"bottom": 200,
},
"axisLine": {
lineStyle: {
color: '#90979c'
}
},
"nameRotate": 90,
"splitLine": {
"show": false
},
"axisTick": {
"show": false
},
"splitArea": {
"show": false
},
"axisLabel": {
// "interval": 0,
textStyle: {
color: '#fff',
fontSize: '16'
},
},
"data": xData_104_,
"offset": 0,
}],
"yAxis": [{
"type": "value",
"splitLine": {
"show": false
},
"axisLine": {
lineStyle: {
color: '#90979c'
}
},
"axisTick": {
"show": false
},
"axisLabel": {
// "interval": 0,
textStyle: {
color: '#fff',
fontSize: '16'
},
},
"splitArea": {
"show": false
},
}],
"dataZoom": [{
"show": true,
"height": 30,
"xAxisIndex": [
0
],
bottom: 30,
"start": 0,
"end": 20,
handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
handleSize: '104%',
handleStyle: {
color: "#d3dee5",
},
textStyle: {
color: "#fff"
},
borderColor: "#90979c"
}, {
"type": "inside",
"show": true,
"height": 15,
"start": 1,
"end": 35
}],
"series": [
{
"name": "1 级",
"type": "bar",
//"stack": "总量",
"itemStyle": {
"normal": {
"color": "rgba(58,95,205,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data": _data_104_1
},
{
"name": "2 级",
"type": "bar",
//"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "rgba(0,191,183,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data":_data_104_2
},
{
"name": "3 级",
"type": "bar",
//"stack": "总量",
"itemStyle": {
"normal": {
"color": "rgba(255,193,193,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data": _data_104_3
},
{
"name": "4 级",
"type": "bar",
//"stack": "总量",
"itemStyle": {
"normal": {
"color": "rgba(186,85,211,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data": _data_104_4
},
{
"name": "合格",
"type": "bar",
//"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "rgba(255,185,15,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data":_data_104_5
},
{
"name": "监督运行",
"type": "bar",
//"stack": "总量",
// symbolSize: 10,
// symbol: 'circle',
"itemStyle": {
"normal": {
"color": "rgba(252,230,48,1)",
"barBorderRadius": 0,
"label": {
"show": true,
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data": _data_104_6
},
{
"name": "其他",
"type": "bar",
//"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "rgba(255,144,128,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data":_data_104_7
},
{
"name": "允许使用",
"type": "bar",
//"stack": "总量",
"itemStyle": {
"normal": {
"color": "rgba(255,106,106,1)",
"label": {
"show": true,
"textStyle": {
"color": "#fff"
},
"position": "top",
formatter: function(p) {
return p.value > 0 ? (p.value) : '';
}
}
}
},
"data":_data_104_8
},
]
}
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option104);
window.addEventListener("resize", function () {
myChart.resize();
});
}
//
//检验类别的检验结论热力分布
function echart_10reli(){
var myChart = echarts.init(document.getElementById('chart_13'));
myChart.clear();
//热力
var hours_3 = ["安徽省特检院","淮南市特检中心","芜湖市特检中心","滁州市特检中心","宣城市特检中心","铜陵市特检中心","阜阳市特检中心","安庆市特检中心","马鞍山市特检中心","淮北市特检中心","蚌埠市特检中心","黄山市特检中心","六安市特检中心","池州市特检中心","宿州市特检中心","安徽省特检院巢湖分院","安徽省特检院亳州检测部"];
var days_3 = ["1 级","2 级","3 级","4 级","合格","监督运行","其他","允许使用",]
var data1_3 = [];
var datav_3 = [0, 0, 90, 671, 0, 0, 0, 1307, 1328, 0, 0, 458, 0, 0, 0, 0, 174, 2665, 3785, 2335, 1800, 923, 427, 938, 571, 1636, 753, 1538, 1447, 0, 320, 0, 808, 271, 2577, 0, 1, 638, 725, 2, 1, 1, 0, 1, 2, 692, 1, 413, 578, 710, 651, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 42, 0, 0, 0, 0, 0, 0, 46069, 6691, 5969, 2580, 6248, 5806, 1815, 3537, 3123, 5279, 4235, 4206, 4540, 2494, 2458, 2822, 846, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 186, 0, 332, 0, 0, 6188, 3180, 4644, 8781, 5586, 3961, 6700, 4793, 2192, 1409, 1951, 1083, 1482, 3537, 990, 944, 926 , 1189, 219, 0, 0, 347, 443, 576, 0, 1407, 878, 0, 0, 263, 354, 934, 45, 0];
for (var z = 0; z < hours_3.length; z++) {
for (var i = 0; i < days_3.length; i++) {
data1_3.push([i, z, datav_3[i+z*days_3.length]]);
}
}
data1_3 = data1_3.map(function(item) {
return [item[1], item[0], item[2] || '-'];
});
option = {
// dataZoom: [
//
// {
// id: 'dataZoomY',
// type: 'slider',
// yAxisIndex: [0],
// startValue:0,
// endValue:100,
// filterMode: 'empty',
// // textStyle: {
// // color: '#fff',
// // }
// }
// ],
tooltip: {
position: 'top',
formatter: function(params) {
var sum = 0;
for(var x=0;x<datav_3.length;x++){
sum = sum + datav_3[x]
}
// return '检验结论:' + days_3[params.value[1]] + '<br/>' + '数量:' + params.data[2];
return '检验结论:' + days_3[params.value[1]] + '<br/>' + '数量:' + params.data[2]+ '<br>' + '占比:' + (params.data[2] / sum * 100).toFixed(2) + '%,总数:'+sum;;
}
},
animation: false,
grid: {
left: '3%',
right: '8%',
bottom: '8%',
containLabel: true
},
xAxis: {
type: 'category',
data: hours_3,
axisLine : {
lineStyle : {
color : '#fff'
}
},
axisLabel: {
interval:0,
rotate:40,
textStyle: {
color: '#fff',
fontSize: 16,
},
} ,
nameTextStyle:{
color: '#fff',
fontSize: 16,
},
splitArea: {
show: true
},
name: '检验单位'
},
yAxis: {
type: 'category',
data: days_3,
axisLine : {
lineStyle : {
color : '#fff'
}
},
nameTextStyle:{
color: '#fff',
fontSize: 16,
},
axisLabel: {
interval:0,
rotate:40
,
textStyle: {
color: '#fff',
fontSize: 16,
},
} ,
splitArea: {
show: true
},
name: '检验结论'
},
visualMap: {
min: 1,
max: 5000,
calculable: true,
orient: 'horizontal',
left: 'center',
bottom: '1%',
text: ['5000','1'],// 文本,默认为数值文本
//color:['#20a0ff','#D2EDFF'],
calculable: false,
color: [
'#dd413b', '#fec42c', '#80F1BE'
],
textStyle: {
fontSize: 16,
color: '#fff',
}
},
series: [{
name: 'Punch Card',
type: 'heatmap',
data: data1_3,
label: {
normal: {
show: true
}
},
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowColor: 'rgba(120, 0, 0, 0.5)'
}
}
}]
};
myChart.setOption(option);
}
if(changetuFlag === 0){
echart_10reli();
changetuFlag =1;
}else {
echart_13zhu()
changetuFlag =0;
}
}
</script>
</html>