!DOCTYPE html>
<html>
<head>
<title></title>
<script src="${ctx!}/echarts-3.8.0/dist/echarts.min.js"></script>
</head>
<body class="gray-bg">
<div class="bodymain">
<div class="row">
<div id="ddzzt" style="width:100%;height:511px;margin:-50px auto"></div>
</div>
</div>
<script type="text/javascript">
var gjAll;
var zcAll;
var account = 0;
$(document).ready(function () {
ddzztChart = echarts.init(document.getElementById("ddzzt"));
var ddzztoption = {
tooltip : {
trigger: 'item',
formatter: "{b} <br/>{a} : {c}"
},
grid: {
left: '5%',
right: '5%',
containLabel: true
},
xAxis : [ {
type : 'category',
data : ['类别'],
axisLine: {
lineStyle: {
type: 'solid',
color: '#CECECE',
width:'1' }
}
} ],
yAxis : [ {
type : 'value',
axisLine: {
lineStyle: {
type: 'solid',
color: '#CECECE',
width:'1'
}
}
}],
series : [
{
name:'攻击',
type:'bar',
stack:'攻击',
data:[],
itemStyle: {
normal: {
color: 'rgba(237,125,49, 0.8)',
}
},
barWidth: 140,
barGap:'70%'
},
{
name:'攻击总数减攻击数',
type:'bar',
stack: '攻击',
data:[],
itemStyle: {
normal: {
color: 'rgba(157,163,223, 0.8)',
}
},
barWidth: 140,
barGap:'70%'
},
{
name:'正常',
type:'bar',
stack: '正常',
data:[],
itemStyle: {
normal: {
color: 'rgba(33,173,184, 0.8)',
}
},
barWidth: 140,
barGap:'70%'
},
{
name:'正常总数减正常数',
type:'bar',
stack: '正常',
data:[],
itemStyle: {
normal: {
color: 'rgba(157,163,223, 0.8)',
}
},
barWidth: 140,
barGap:'70%'
}
]
};
ddzztChart.setOption(ddzztoption);
btChart = echarts.init(document.getElementById("bt"));
var btoption = {
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
color:['#21adb8','#ED7D31'],
legend: {
left: 'center',
data: ['正常','攻击'],
textStyle:{
fontSize:15,
color:'#fff'
}
},
series : [
{
name: '类别',
type: 'pie',
radius : '70%',
center: ['50%', '60%'],
data:[],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
ddzztChart.setOption(ddzztoption);
});
function getNodeDetail(id) {
$.ajax({
type: "GET",
dataType: "json",
url: "${ctx!}/admin/process/json/tree/details/" + id,
success: (data) => {
if(typeof(data.scoreDistribution["0"])=="undefined"){var gj=0;}
else {var gj=parseInt(data.scoreDistribution["0"].recordCount);}
if(typeof(data.scoreDistribution["1"])=="undefined"){var zc=0;}
else{var zc=parseInt(data.scoreDistribution["1"].recordCount);}
if(account ==0){
gjAll = gj;
zcAll = zc;
account++;
}
ddzztChart.setOption({
series: [{
name: '正常',
data: [zc]
},
{
name: '攻击',
data: [gj]
},
{
name: '正常总数减正常数',
data: [zcAll-zc]
},
{
name: '攻击总数减攻击数',
data: [gjAll-gj]
}]
});
}
});
}
</script>
</body>
</html>