|
|
@ -37,7 +37,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-6"> |
|
|
|
<div class="col-sm-12"> |
|
|
|
<div class="ibox float-e-margins"> |
|
|
|
<div class="ibox float-e-margins"> |
|
|
|
<div class="ibox-content"> |
|
|
|
<div class="ibox-content"> |
|
|
|
<div class="echarts" id="echarts-bar-chart"></div> |
|
|
|
<div class="echarts" id="echarts-bar-chart"></div> |
|
|
@ -52,6 +52,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
|
|
|
<div class="ibox float-e-margins"> |
|
|
|
|
|
|
|
<div class="ibox-content"> |
|
|
|
|
|
|
|
<div class="echarts" id="echarts-supplies-chart"></div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<th:block th:include="include :: footer" /> |
|
|
|
<th:block th:include="include :: footer" /> |
|
|
@ -62,13 +70,13 @@ |
|
|
|
var lineChart = echarts.init(document.getElementById("echarts-line-chart")); |
|
|
|
var lineChart = echarts.init(document.getElementById("echarts-line-chart")); |
|
|
|
var lineoption = { |
|
|
|
var lineoption = { |
|
|
|
title : { |
|
|
|
title : { |
|
|
|
text: '一周内感染人数状态' |
|
|
|
text: '上周感染人数状态' |
|
|
|
}, |
|
|
|
}, |
|
|
|
tooltip : { |
|
|
|
tooltip : { |
|
|
|
trigger: 'axis' |
|
|
|
trigger: 'axis' |
|
|
|
}, |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
legend: { |
|
|
|
data:['死亡','健在'] |
|
|
|
data:['死亡','治愈'] |
|
|
|
}, |
|
|
|
}, |
|
|
|
grid:{ |
|
|
|
grid:{ |
|
|
|
x:40, |
|
|
|
x:40, |
|
|
@ -87,7 +95,7 @@ |
|
|
|
{ |
|
|
|
{ |
|
|
|
type : 'value', |
|
|
|
type : 'value', |
|
|
|
axisLabel : { |
|
|
|
axisLabel : { |
|
|
|
formatter: '{value} °C' |
|
|
|
formatter: '{value}' |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
], |
|
|
@ -95,7 +103,7 @@ |
|
|
|
{ |
|
|
|
{ |
|
|
|
name:'死亡', |
|
|
|
name:'死亡', |
|
|
|
type:'line', |
|
|
|
type:'line', |
|
|
|
data:[11, 11, 15, 13, 12, 13, 10], |
|
|
|
data:[5, 3, 1, 6, 8, 4, 2], |
|
|
|
markPoint : { |
|
|
|
markPoint : { |
|
|
|
data : [ |
|
|
|
data : [ |
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
{type : 'max', name: '最大值'}, |
|
|
@ -109,12 +117,12 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
name:'健在', |
|
|
|
name:'治愈', |
|
|
|
type:'line', |
|
|
|
type:'line', |
|
|
|
data:[1, -2, 2, 5, 3, 2, 0], |
|
|
|
data:[11, 6, 8, 10, 6, 9, 8], |
|
|
|
markPoint : { |
|
|
|
markPoint : { |
|
|
|
data : [ |
|
|
|
data : [ |
|
|
|
{name : '周最低', value : -2, xAxis: 1, yAxis: -1.5} |
|
|
|
{name : '周最低', value :6, xAxis: 1, yAxis: -1.5} |
|
|
|
] |
|
|
|
] |
|
|
|
}, |
|
|
|
}, |
|
|
|
markLine : { |
|
|
|
markLine : { |
|
|
@ -168,13 +176,13 @@ |
|
|
|
var barChart = echarts.init(document.getElementById("echarts-bar-chart")); |
|
|
|
var barChart = echarts.init(document.getElementById("echarts-bar-chart")); |
|
|
|
var baroption = { |
|
|
|
var baroption = { |
|
|
|
title : { |
|
|
|
title : { |
|
|
|
text: '14天打卡人体温区间' |
|
|
|
text: '14天打卡人发烧数量' |
|
|
|
}, |
|
|
|
}, |
|
|
|
tooltip : { |
|
|
|
tooltip : { |
|
|
|
trigger: 'axis' |
|
|
|
trigger: 'axis' |
|
|
|
}, |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
legend: { |
|
|
|
data:['女性','男性'] |
|
|
|
data:['渝水区','分宜县','仙女湖风景名胜区','高新开发区'] |
|
|
|
}, |
|
|
|
}, |
|
|
|
grid:{ |
|
|
|
grid:{ |
|
|
|
x:30, |
|
|
|
x:30, |
|
|
@ -185,7 +193,7 @@ |
|
|
|
xAxis : [ |
|
|
|
xAxis : [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
type : 'category', |
|
|
|
type : 'category', |
|
|
|
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月','13','14'] |
|
|
|
data : ['5.15','5.16','5.17','5.18','5.19','5.20','5.21','5.22','5.23','5.24','5.25','5.26','5.27','5.28'] |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
], |
|
|
|
yAxis : [ |
|
|
|
yAxis : [ |
|
|
@ -195,9 +203,25 @@ |
|
|
|
], |
|
|
|
], |
|
|
|
series : [ |
|
|
|
series : [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
name:'女性', |
|
|
|
name:'渝水区', |
|
|
|
|
|
|
|
type:'bar', |
|
|
|
|
|
|
|
data:[0, 3, 2, 0, 1, 0, 1, 3, 1, 1, 0, 2, 2, 3], |
|
|
|
|
|
|
|
markPoint : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
|
|
|
|
{type : 'min', name: '最小值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
markLine : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'average', name: '平均值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'分宜县', |
|
|
|
type:'bar', |
|
|
|
type:'bar', |
|
|
|
data:[36.5, 37.9, 37.0, 40.2, 39.6, 36.7, 35.6, 36.2, 36.6, 40.0, 36.4, 38.3, 36.4, 38.3], |
|
|
|
data:[1, 1, 2, 0, 3, 3, 0,1,2, 0, 2, 1, 1, 2], |
|
|
|
markPoint : { |
|
|
|
markPoint : { |
|
|
|
data : [ |
|
|
|
data : [ |
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
{type : 'max', name: '最大值'}, |
|
|
@ -211,13 +235,29 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
name:'男性', |
|
|
|
name:'仙女湖风景名胜区', |
|
|
|
type:'bar', |
|
|
|
type:'bar', |
|
|
|
data:[36.5, 37.9, 36.0, 38.2, 36.6, 37.7, 39.6, 36.2, 36.6, 40.0, 36.9, 37.3, 36.4, 38.3], |
|
|
|
data:[1, 1, 2, 0, 1, 3, 2, 1, 2, 0,3, 0, 0, 1], |
|
|
|
markPoint : { |
|
|
|
markPoint : { |
|
|
|
data : [ |
|
|
|
data : [ |
|
|
|
{name : '年最高', value : 42, xAxis: 7, yAxis: 183, symbolSize:18}, |
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
{name : '年最低', value : 36.0, xAxis: 11, yAxis: 3} |
|
|
|
{type : 'min', name: '最小值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
markLine : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'average', name: '平均值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'高新开发区', |
|
|
|
|
|
|
|
type:'bar', |
|
|
|
|
|
|
|
data:[1, 0, 2, 0, 2, 1,1, 0, 1, 1, 2, 3, 0, 1], |
|
|
|
|
|
|
|
markPoint : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
|
|
|
|
{type : 'min', name: '最小值'} |
|
|
|
] |
|
|
|
] |
|
|
|
}, |
|
|
|
}, |
|
|
|
markLine : { |
|
|
|
markLine : { |
|
|
@ -282,6 +322,121 @@ |
|
|
|
}; |
|
|
|
}; |
|
|
|
ndChart.setOption(ndoption); |
|
|
|
ndChart.setOption(ndoption); |
|
|
|
window.onresize = ndChart.resize; |
|
|
|
window.onresize = ndChart.resize; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//线图 |
|
|
|
|
|
|
|
var lineChart = echarts.init(document.getElementById("echarts-line-chart")); |
|
|
|
|
|
|
|
var lineoption = { |
|
|
|
|
|
|
|
title : { |
|
|
|
|
|
|
|
text: '一周内感染人数状态' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
tooltip : { |
|
|
|
|
|
|
|
trigger: 'axis' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
legend: { |
|
|
|
|
|
|
|
data:['死亡','治愈'] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
grid:{ |
|
|
|
|
|
|
|
x:40, |
|
|
|
|
|
|
|
x2:40, |
|
|
|
|
|
|
|
y2:24 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
calculable : true, |
|
|
|
|
|
|
|
xAxis : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type : 'category', |
|
|
|
|
|
|
|
boundaryGap : false, |
|
|
|
|
|
|
|
data :['周一','周二','周三','周四','周五','周六','周日'] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
yAxis : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type : 'value', |
|
|
|
|
|
|
|
axisLabel : { |
|
|
|
|
|
|
|
formatter: '{value}' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
series : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'死亡', |
|
|
|
|
|
|
|
type:'line', |
|
|
|
|
|
|
|
data:[5, 3, 1, 6, 8, 4, 2], |
|
|
|
|
|
|
|
markPoint : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'max', name: '最大值'}, |
|
|
|
|
|
|
|
{type : 'min', name: '最小值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
markLine : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{type : 'average', name: '平均值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'治愈', |
|
|
|
|
|
|
|
type:'line', |
|
|
|
|
|
|
|
data:[11, 6, 8, 10, 6, 9, 8], |
|
|
|
|
|
|
|
markPoint : { |
|
|
|
|
|
|
|
data : [ |
|
|
|
|
|
|
|
{name : '周最低', value :6, xAxis: 1, yAxis: -1.5} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
markLine : { |
|
|
|
|
|
|
|
data: [ |
|
|
|
|
|
|
|
{type: 'average', name: '平均值'} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
lineChart.setOption(lineoption); |
|
|
|
|
|
|
|
$(window).resize(lineChart.resize); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var barChart = echarts.init(document.getElementById("echarts-supplies-chart")); |
|
|
|
|
|
|
|
var baroption = { |
|
|
|
|
|
|
|
title : { |
|
|
|
|
|
|
|
text: '防疫物资库存数量' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
tooltip : { |
|
|
|
|
|
|
|
trigger: 'axis' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
legend: { |
|
|
|
|
|
|
|
data:['疫苗','核酸'] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
grid:{ |
|
|
|
|
|
|
|
x:30, |
|
|
|
|
|
|
|
x2:40, |
|
|
|
|
|
|
|
y2:24 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
calculable : true, |
|
|
|
|
|
|
|
xAxis : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type : 'category', |
|
|
|
|
|
|
|
data : ['库存数量'] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
yAxis : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type : 'value' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
series : [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'疫苗', |
|
|
|
|
|
|
|
type:'bar', |
|
|
|
|
|
|
|
data:[70], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
name:'核酸', |
|
|
|
|
|
|
|
type:'bar', |
|
|
|
|
|
|
|
data:[40], |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
barChart.setOption(baroption); |
|
|
|
|
|
|
|
window.onresize = barChart.resize; |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
</script> |
|
|
|