|
|
|
@ -24,11 +24,14 @@
|
|
|
|
|
<div class="container-div" id="app">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="echart">
|
|
|
|
|
<div class="children_echarts center_echarts">
|
|
|
|
|
<div id="centerMain" style="width: 500px;height:350px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="children_echarts left_echarts">
|
|
|
|
|
<div id="leftMain" style="width: 600px;height:330px"></div>
|
|
|
|
|
<div id="leftMain" style="width: 500px;height:350px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="children_echarts right_echarts">
|
|
|
|
|
<div id="rightMain" style="width: 600px;height:330px"></div>
|
|
|
|
|
<div id="rightMain" style="width: 500px;height:350px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-12 search-collapse">
|
|
|
|
@ -263,6 +266,36 @@
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
var centerMain = echarts.init(document.getElementById('centerMain'));
|
|
|
|
|
axios.post(prefix + '/countNetMonth').then(response => {
|
|
|
|
|
if (response.data.code == web_status.SUCCESS){
|
|
|
|
|
centerMain.setOption({
|
|
|
|
|
title: {
|
|
|
|
|
text: '涉密网络统计'
|
|
|
|
|
},
|
|
|
|
|
tooltip: {},
|
|
|
|
|
legend: {
|
|
|
|
|
data:['涉密网络'],
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
data: response.data.data.xAxisData
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: '涉密网络',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
data: response.data.data.yAxisData,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: '#ea9373'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|