Skip to content

C
cmszMonitorAnalysis
Commit cb34f901 authored by liuna's avatar liuna
Browse files
Options

2018年2月1日 --智能分析平台

--实体厅流量监测：页面性能调整
parent 8e809dce
Show whitespace changes
Inline Side-by-side
Showing with 911 additions and 707 deletions
src/main/webapp/WEB-INF/views/MonitorOperation/FlowMonitor.jsp
View file @ cb34f901
......@@ -255,19 +255,6 @@
<script type="text/javascript" src="${ctx}/static/js/echarts.min.js"></script>
<script type="text/javascript">
seatsActiveness();
performanceStability();
catonUser();
seatAnalysisTop();
businessOffice();
seatsReceptionUser();
userIp();
ipBusiness();
ipTrend();
serverExample();
clientCompatibility();
httpInformation();
//格式化日期
function Format(){
this.jsjava_class="jsjava.text.Format";
......@@ -394,10 +381,122 @@
var sd=new SimpleDateFormat();
sd.applyPattern("dd");
</script>
function seatsActivenessChart(city,cityValue) {
var myChart = echarts.init(document.getElementById('seatsActiveness'));
var option = {
<script type="">
function userIp() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/userIp",
async: false,
success: function(data){
console.log("用户IP分析实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#userIpTable tbody').replaceWith(tbody);
}
});
}
function userIpMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/userIpMonth",
async: false,
success: function(data){
console.log("用户IP分析当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#userIpTable tbody').replaceWith(tbody);
}
});
}
function serverExample() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/serverExample",
async: false,
success: function(data){
console.log("服务器实例实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#serverExampleTable tbody').replaceWith(tbody);
}
});
}
function serverExampleMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/serverExampleMonth",
async: false,
success: function(data){
console.log("服务器实例当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#serverExampleTable tbody').replaceWith(tbody);
}
});
}
function clientCompatibility() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/clientCompatibility",
async: false,
success: function(data){
console.log("客户端兼容性实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>');
tbody.append(tr);
});
$('#browserInformationTable tbody').replaceWith(tbody);
}
});
}
function clientCompatibilityMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/clientCompatibilityMonth",
async: false,
success: function(data){
console.log("客户端兼容性当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>');
tbody.append(tr);
});
$('#browserInformationTable tbody').replaceWith(tbody);
}
});
}
userIp();serverExample();clientCompatibility()
</script>
<script type="">
var myChartSeatsActiveness = echarts.init(document.getElementById('seatsActiveness'));
var option1 = {
title:{
text:null,
subtext:null
......@@ -417,13 +516,13 @@
yAxis:[
{
type:'category',
data:city
data:[]
}
],
series:[
{
type:'bar',
data:cityValue,
data:[],
itemStyle: {
normal: {
color:'#7ecbf2',
......@@ -442,11 +541,58 @@
],
}
myChart.setOption(option);
myChartSeatsActiveness.setOption(option1);
function seatsActiveness() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsActiveness",
async: false,
success: function(data){
console.log("地市业务量占比实时",data);
var city = new Array();
var cityValue = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
cityValue.push(data[i][1]);
}
city.reverse();
cityValue.reverse();
option1.series[0].data=cityValue;
option1.yAxis[0].data=city;
myChartSeatsActiveness.setOption(option1);
}
});
}
function seatsActivenessMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsActivenessMonth",
async: false,
success: function(data){
console.log("地市业务量占比当月",data);
var city = new Array();
var cityValue = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
cityValue.push(data[i][1]);
}
city.reverse();
cityValue.reverse();
option1.series[0].data=cityValue;
option1.yAxis.data=city;
myChartSeatsActiveness.setOption(option1);
}
});
}
function performanceStabilityChart(city,boxValue,percent) {
var myChart = echarts.init(document.getElementById('performanceStability'));
var option = {
seatsActiveness()
</script>
<script type="">
var myChartPerformanceStability = echarts.init(document.getElementById('performanceStability'));
var option2 = {
title:{
text:null,
subtext:null
......@@ -470,7 +616,7 @@
},
yAxis: {
type: 'category',
data: city,
data: [],
boundaryGap: true,
splitArea: {
show: false
......@@ -482,7 +628,7 @@
series: [
{
type: 'boxplot',
data: boxValue,
data: [],
tooltip: {
formatter: function (param) {
return [
......@@ -498,7 +644,7 @@
{
type:'bar',
show:false,
data:percent,
data:[],
itemStyle: {
normal: {
color:'#7ecbf2',
......@@ -516,11 +662,39 @@
}
],
}
myChart.setOption(option);
myChartPerformanceStability.setOption(option2);
function performanceStability() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/performanceStability",
async: false,
success: function(data){
console.log("地市性能稳定性实时",data);
var city = new Array();
var boxValue = [];
var percent = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
percent.push(data[i][6]);
boxValue.push([data[i][1],data[i][2],data[i][3],data[i][4],data[i][5]]);
}
city.reverse();
percent.reverse();
boxValue.reverse();
option2.yAxis.data=city;
option2.series[0].data=boxValue;
option2.series[1].data=percent;
myChartPerformanceStability.setOption(option2);
}
});
}
function catonUserChart(time,time1Account,time2Account,time3Account) {
var myChart = echarts.init(document.getElementById('catonUser'));
var option = {
performanceStability();
</script>
<script>
var myChartCatonUser = echarts.init(document.getElementById('catonUser'));
var option3 = {
title:{
text:null,
subtext:null
......@@ -540,7 +714,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -566,28 +740,57 @@
{
name:'无法使用',
type:'line',
data:time1Account,
data:[],
smooth: true
},
{
name:'可容忍',
type:'line',
data:time2Account,
data:[],
smooth: true
},
{
name:'不满意',
type:'line',
data:time3Account,
data:[],
smooth: true
}
],
};
myChartCatonUser.setOption(option3);
function performanceStabilityMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/performanceStabilityMonth",
async: false,
success: function(data){
console.log("地市性能稳定性当月",data);
var city = new Array();
var boxValue = [];
var percent = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
percent.push(data[i][6]);
boxValue.push([data[i][1],data[i][2],data[i][3],data[i][4],data[i][5]]);
}
myChart.setOption(option);
city.reverse();
percent.reverse();
boxValue.reverse();
option2.yAxis.data=city;
option2.series[0].data=boxValue;
option2.series[1].data=percent;
myChartPerformanceStability.setOption(option2);
}
});
}
function catonUserChartMonth(time,time1Account,time2Account,time3Account) {
var myChart = echarts.init(document.getElementById('catonUser'));
var option = {
// performanceStabilityMonth()
</script>
<script>
var myChartCatonUserMonth = echarts.init(document.getElementById('catonUser'));
var option4 = {
title:{
text:null,
subtext:null
......@@ -607,7 +810,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -633,28 +836,82 @@
{
name:'无法使用',
type:'line',
data:time1Account,
data:[],
smooth: true
},
{
name:'可容忍',
type:'line',
data:time2Account,
data:[],
smooth: true
},
{
name:'不满意',
type:'line',
data:time3Account,
data:[],
smooth: true
}
],
}
myChart.setOption(option);
myChartCatonUserMonth.setOption(option4);
function catonUser() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/catonUser",
async: false,
success: function(data){
console.log("卡顿用户实时",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
option3.xAxis[0].data=time;
option3.series[0].data=time1Account;
option3.series[1].data=time2Account;
option3.series[2].data=time3Account;
myChartCatonUser.setOption(option3);
}
});
}
function catonUserMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/catonUserMonth",
async: false,
success: function(data){
console.log("卡顿用户当月",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
option4.xAxis[0].data=time;
option4.series[0].data=time1Account;
option4.series[1].data=time2Account;
option4.series[2].data=time3Account;
myChartCatonUserMonth.setOption(option4);
}
});
}
function seatAnalysisChart(account,transCnt,transAvail,transTime) {
var myChart = echarts.init(document.getElementById('seatAnalysis'));
var option = {
catonUser()
</script>
<script>
var myChartSeatAnalysis = echarts.init(document.getElementById('seatAnalysis'));
var option5 = {
title:{
text:null,
subtext:null
......@@ -693,38 +950,91 @@
{
name:'业务量',
type:'bar',
data:transCnt
data:[]
},
{
name:'成功量',
type:'bar',
data:transAvail
data:[]
},
{
name:'均时长',
type:'line',
yAxisIndex: 1,
data:transTime
data:[]
}
]
}
myChart.setOption(option);
}
function businessOfficeChart(hallList,dataList,time){
var myChart = echarts.init(document.getElementById('businessOffice'));
var option = {
title:{
text:null,
subtext:null
},
tooltip : {
trigger: 'axis'
},
grid:{
x:80,
y:20,
x2:20,
y2:20,
myChartSeatAnalysis.setOption(option5);
function seatAnalysisTop() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatAnalysisTop",
async: false,
success: function(data){
data.sort(function(t1,t2){return t2[1]-t1[1]})
console.log("坐席分析前top10",data);
var account = new Array();
var transCnt = new Array();
var transAvail = new Array();
var transTime = new Array();
for(var i=0; i<data.length; i++){
account.push(data[i][0]);
transCnt.push(data[i][1]);
transAvail.push(data[i][2]);
transTime.push(data[i][3]);
}
option5.series[0].data=transCnt;
option5.series[1].data= transAvail;
option5.series[2].data=transTime;
myChartSeatAnalysis.setOption(option5);
}
});
}
function seatAnalysisLast() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatAnalysisLast",
async: false,
success: function(data){
console.log("坐席分析后top10",data);
var account = new Array();
var transCnt = new Array();
var transAvail = new Array();
var transTime = new Array();
for(var i=0; i<data.length; i++){
account.push(data[i][0]);
transCnt.push(data[i][1]);
transAvail.push(data[i][2]);
transTime.push(data[i][3]);
}
option5.series[0].data=transCnt;
option5.series[0].data= transAvail;
option5.series[0].data=transTime;
myChartSeatAnalysis.setOption(option5);
}
});
}
seatAnalysisTop()
</script>
<script>
var myChartBusinessOffice = echarts.init(document.getElementById('businessOffice'));
var option6 = {
title:{
text:null,
subtext:null
},
tooltip : {
trigger: 'axis'
},
grid:{
x:80,
y:20,
x2:20,
y2:20,
},
legend: {
data:['营业厅1','营业厅2','营业厅3','营业厅4','营业厅5']
......@@ -732,7 +1042,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -759,40 +1069,76 @@
{
name:'营业厅1',
type:'line',
data:dataList[0],
data:[],
smooth: true
},
{
name:'营业厅2',
type:'line',
data:dataList[1],
data:[],
smooth: true
},
{
name:'营业厅3',
type:'line',
data:dataList[2],
data:[],
smooth: true
},
{
name:'营业厅4',
type:'line',
data:dataList[3],
data:[],
smooth: true
},
{
name:'营业厅5',
type:'line',
data:dataList[4],
data:[],
smooth: true
}
],
}
myChart.setOption(option);
function businessOffice() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/businessOffice",
async: false,
success: function(data){
console.log("营业厅业务量实时",data);
var hallList = [];
var time=[];
var dataList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([]);
t.forEach(function(t1,j){
if(j===0){
hallList.push(t1[1])
}
dataList[i].push(t1[0])
})
})
option6.xAxis[0].data=time;
option6.series[0].data=dataList[0];
option6.series[1].data=dataList[1];
option6.series[2].data=dataList[2];
option6.series[3].data=dataList[3];
option6.series[4].data=dataList[4];
myChartBusinessOffice.setOption(option6);
}
});
}
function businessOfficeChartMonth(hallList,dataList,time){
var myChart = echarts.init(document.getElementById('businessOffice'));
var option = {
businessOffice()
</script>
<script>
var myChartBusinessOfficeMonth = echarts.init(document.getElementById('businessOffice'));
var option7 = {
title:{
text:null,
subtext:null
......@@ -812,7 +1158,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -839,40 +1185,76 @@
{
name:'营业厅1',
type:'line',
data:dataList[0],
data:[],
smooth: true
},
{
name:'营业厅2',
type:'line',
data:dataList[1],
data:[],
smooth: true
},
{
name:'营业厅3',
type:'line',
data:dataList[2],
data:[],
smooth: true
},
{
name:'营业厅4',
type:'line',
data:dataList[3],
data:[],
smooth: true
},
{
name:'营业厅5',
type:'line',
data:dataList[4],
data:[],
smooth: true
}
],
}
myChart.setOption(option);
function businessOfficeMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/businessOfficeMonth",
async: false,
success: function(data){
console.log("营业厅业务量当月",data);
var hallList = [];
var time=[];
var dataList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
hallList.push(t1[1])
}
dataList[i].push(t1[0])
})
})
option7.xAxis[0].data=time;
option7.series[0].data=dataList[0];
option7.series[1].data=dataList[1];
option7.series[2].data=dataList[2];
option7.series[3].data=dataList[3];
option7.series[4].data=dataList[4];
myChartBusinessOfficeMonth.setOption(option7);
}
});
}
function seatsReceptionUserChart(time,time1Account,time2Account,time3Account){
var myChart = echarts.init(document.getElementById('seatsReceptionUser'));
var option = {
</script>
<script>
var myChartSeatsReceptionUser = echarts.init(document.getElementById('seatsReceptionUser'));
var option8 = {
title:{
text:null,
subtext:null
......@@ -890,7 +1272,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -923,7 +1305,7 @@
}
}
},
data:time1Account,
data:[],
smooth: true
},
{
......@@ -936,7 +1318,7 @@
}
}
},
data:time2Account,
data:[],
smooth: true
},
{
......@@ -949,16 +1331,44 @@
}
}
},
data:time3Account,
data:[],
smooth: true
}
],
}
myChart.setOption(option);
function seatsReceptionUser() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsReceptionUser",
async: false,
success: function(data){
console.log("坐席接待客户实时",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
option8.xAxis[0].data=time;
option8.series[0].data=time1Account;
option8.series[1].data=time2Account;
option8.series[2].data=time3Account;
myChartSeatsReceptionUser.setOption(option8);
}
});
}
function seatsReceptionUserChartMonth(time,time1Account,time2Account,time3Account){
var myChart = echarts.init(document.getElementById('seatsReceptionUser'));
var option = {
seatsReceptionUser()
</script>
<script>
var myChartSeatsReceptionUserMonth = echarts.init(document.getElementById('seatsReceptionUser'));
var option9 = {
title:{
text:null,
subtext:null
......@@ -976,7 +1386,7 @@
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -1009,7 +1419,7 @@
}
}
},
data:time1Account,
data:[],
smooth: true
},
{
......@@ -1022,7 +1432,7 @@
}
}
},
data:time2Account,
data:[],
smooth: true
},
{
......@@ -1035,16 +1445,43 @@
}
}
},
data:time3Account,
data:[],
smooth: true
}
],
}
myChart.setOption(option);
function seatsReceptionUserMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsReceptionUserMonth",
async: false,
success: function(data){
console.log("坐席接待客户当月",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
option9.xAxis[0].data=time;
option9.series[0].data=time1Account;
option9.series[1].data=time2Account;
option9.series[2].data=time3Account;
myChartSeatsReceptionUserMonth.setOption(option9);
}
function ipBusinessChart(cnt1,cnt2,cnt3,cnt4,cnt5,cnt6,cnt7,cnt8,cnt9,cnt10,clientIp,cnt){
var myChart = echarts.init(document.getElementById('ipBusiness'));
var option = {
});
}
</script>
<script>
var myChartIpBusiness = echarts.init(document.getElementById('ipBusiness'));
var option10 = {
title: {
text: null,
subtext: null
......@@ -1070,7 +1507,7 @@
yAxis : [
{
type : 'category',
data : clientIp,
data : [],
splitLine:{
show:false
},
......@@ -1081,69 +1518,175 @@
name:'宽带开户',
type:'bar',
stack: '总量',
data:cnt1
data:[]
},
{
name:'资料变更',
type:'bar',
stack: '总量',
data:cnt2
data:[]
},
{
name:'产品变更',
type:'bar',
stack: '总量',
data:cnt3
data:[]
},
{
name:'套餐变更',
type:'bar',
stack: '总量',
data:cnt4
data:[]
},
{
name:'综合账单查询',
type:'bar',
stack: '总量',
data:cnt5
data:[]
},
{
name:'充值缴费',
type:'bar',
stack: '总量',
data:cnt6
data:[]
},
{
name:'资金变化查询',
type:'bar',
stack: '总量',
data:cnt7
data:[]
},
{
name:'详单查询',
type:'bar',
stack: '总量',
data:cnt8
data:[]
},
{
name:'积分查询',
type:'bar',
stack: '总量',
data:cnt9
data:[]
},
{
name:'其他',
type:'bar',
stack: '总量',
data:cnt10
data:[]
}
]
}
myChart.setOption(option);
function ipBusinessMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipBusinessMonth",
async: false,
success: function(data){
data[i].sort(function(t1,t2){return t1[2]-t2[2]});
console.log("用户IP业务当月",data);
var cnt1 = new Array();
var cnt2 = new Array();
var cnt3 = new Array();
var cnt4 = new Array();
var cnt5 = new Array();
var cnt6 = new Array();
var cnt7 = new Array();
var cnt8 = new Array();
var cnt9 = new Array();
var cnt10 = new Array();
var clientIp = new Array();
var cnt = new Array();
for(var i=0; i<data.length; i++){
cnt1.push(data[i][0]);
cnt2.push(data[i][1]);
cnt3.push(data[i][2]);
cnt4.push(data[i][3]);
cnt5.push(data[i][4]);
cnt6.push(data[i][5]);
cnt7.push(data[i][6]);
cnt8.push(data[i][7]);
cnt9.push(data[i][8]);
cnt10.push(data[i][9]);
clientIp.push(data[i][10]);
cnt.push(data[i][11]);
}
option10.yAxis[0].data=clientIp;
option10.series[0].data=cnt1;
option10.series[1].data=cnt2;
option10.series[2].data=cnt3;
option10.series[3].data=cnt4;
option10.series[4].data=cnt5;
option10.series[5].data=cnt6;
option10.series[6].data=cnt7;
option10.series[7].data=cnt8;
option10.series[8].data=cnt9;
option10.series[9].data=cnt10;
myChartIpBusiness.setOption(option10);
}
});
}
function ipBusiness() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipBusiness",
async: false,
success: function(data){
console.log("用户IP业务实时",data);
var cnt1 = new Array();
var cnt2 = new Array();
var cnt3 = new Array();
var cnt4 = new Array();
var cnt5 = new Array();
var cnt6 = new Array();
var cnt7 = new Array();
var cnt8 = new Array();
var cnt9 = new Array();
var cnt10 = new Array();
var clientIp = new Array();
var cnt = new Array();
for(var i=0; i<data.length; i++){
data[i].sort(function(t1,t2){return t1[2]-t2[2]});
cnt1.push(data[i][0]);
cnt2.push(data[i][1]);
cnt3.push(data[i][2]);
cnt4.push(data[i][3]);
cnt5.push(data[i][4]);
cnt6.push(data[i][5]);
cnt7.push(data[i][6]);
cnt8.push(data[i][7]);
cnt9.push(data[i][8]);
cnt10.push(data[i][9]);
clientIp.push(data[i][10]);
cnt.push(data[i][11]);
}
option10.yAxis[0].data=clientIp;
option10.series[0].data=cnt1;
option10.series[1].data=cnt2;
option10.series[2].data=cnt3;
option10.series[3].data=cnt4;
option10.series[4].data=cnt5;
option10.series[5].data=cnt6;
option10.series[6].data=cnt7;
option10.series[7].data=cnt8;
option10.series[8].data=cnt9;
option10.series[9].data=cnt10;
myChartIpBusiness.setOption(option10);
}
function httpInformationChart(serverIp,sotherCnt){
var myChart = echarts.init(document.getElementById('httpState'));
var option = {
});
}
ipBusiness()
</script>
<script>
var myChartHttpInformation = echarts.init(document.getElementById('httpState'));
var option11 = {
title: {
text: null,
subtext: null
......@@ -1160,7 +1703,7 @@
xAxis : [
{
type : 'category',
data : serverIp,
data : [],
splitLine:{
show:false
},
......@@ -1179,37 +1722,98 @@
name:'200',
type:'bar',
stack: '总量',
data:sotherCnt
data:[]
},
{
name:'302',
type:'bar',
stack: '总量',
data:sotherCnt
data:[]
},
{
name:'404',
type:'bar',
stack: '总量',
data:sotherCnt
data:[]
},
{
name:'空白',
type:'bar',
stack: '总量',
data:sotherCnt
data:[]
},
],
}
myChart.setOption(option);
function httpInformation() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/httpInformation",
async: false,
success: function(data){
console.log("HTTP状态码实时",data);
var serverIp = [];
var twoOtwo = [];
var threeOtwo = [];
var fourOfour = [];
var space = [];
for(var i=0; i<data.length; i++){
serverIp.push(data[i][0]);
twoOtwo.push(data[i][1]);
threeOtwo.push(data[i][2]);
fourOfour.push(data[i][3]);
space.push(data[i][4]);
}
option11.xAxis[0].data=serverIp;
option11.series[0].data=twoOtwo;
option11.series[1].data=threeOtwo;
option11.series[2].data=fourOfour;
option11.series[3].data=space;
myChartHttpInformation.setOption(option11);
}
function ipTrendChart(time,dataList,ipList) {
var myChart = echarts.init(document.getElementById('ipTrend'));
var option = {
title:{
text:null,
subtext:null
},
});
}
function httpInformationMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/httpInformationMonth",
async: false,
success: function(data){
console.log("HTTP状态码当月",data);
var serverIp = [];
var twoOtwo = [];
var threeOtwo = [];
var fourOfour = [];
var space = [];
for(var i=0; i<data.length; i++){
serverIp.push(data[i][0]);
twoOtwo.push(data[i][1]);
threeOtwo.push(data[i][2]);
fourOfour.push(data[i][3]);
space.push(data[i][4]);
}
option11.xAxis[0].data=serverIp;
option11.series[0].data=twoOtwo;
option11.series[1].data=threeOtwo;
option11.series[2].data=fourOfour;
option11.series[3].data=space;
myChartHttpInformation.setOption(option11);
}
});
}
httpInformation()
</script>
<script>
var myChartIpTrend = echarts.init(document.getElementById('ipTrend'));
var option12 = {
title:{
text:null,
subtext:null
},
tooltip : {
trigger: 'axis'
},
......@@ -1220,12 +1824,12 @@
y2:30,
},
legend: {
data:ipList,
data:[],
},
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -1250,48 +1854,127 @@
],
series:[
{
name:ipList[0],
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:dataList[0],
data:[],
smooth: true
},
{
name:ipList[1],
name:[],
type:'line',
data:dataList[1],
data:[],
smooth: true
},
{
name:ipList[2],
name:[],
type:'line',
data:dataList[2],
data:[],
smooth: true
},
{
name:ipList[3],
name:[],
type:'line',
data:dataList[3],
data:[],
smooth: true
},
{
name:ipList[4],
name:[],
type:'line',
data:dataList[4],
data:[],
smooth: true
},
{
name:ipList[5],
name:[],
type:'line',
data:dataList[5],
data:[],
smooth: true
}
],
}
myChart.setOption(option);
function ipTrend() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipTrend",
async: false,
success: function(data){
console.log("IP趋势图实时",data);
var dataList=[];
var time=[];
var ipList=[];
data.forEach(function(t,i){
t.sort(function(t1,t2){return t1[2]-t2[2]});
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
ipList.push(t1[1])
}
dataList[i].push(t1[0])
})
});
option12.legend.data=ipList;
option12.xAxis[0].data=time;
option12.series[0].data=dataList[0];
option12.series[0].name=ipList[0];
option12.series[1].data=dataList[1];
option12.series[1].name=ipList[1];
option12.series[2].data=dataList[2];
option12.series[2].name=ipList[2];
option12.series[3].data=dataList[3];
option12.series[3].name=ipList[3];
option12.series[4].data=dataList[4];
option12.series[4].name=ipList[4];
option12.series[5].data=dataList[5];
option12.series[5].name=ipList[5];
option12.series[6].data=dataList[6];
option12.series[6].name=ipList[6];
option12.series[7].data=dataList[7];
option12.series[7].name=ipList[7];
option12.series[8].data=dataList[8];
option12.series[8].name=ipList[8];
option12.series[9].data=dataList[9];
option12.series[9].name=ipList[9];
myChartIpTrend.setOption(option12);
}
});
}
function ipTrendChartMonth(time,dataList,ipList) {
var myChart = echarts.init(document.getElementById('ipTrend'));
var option = {
ipTrend()
</script>
<script>
var myChartIpTrendMonth = echarts.init(document.getElementById('ipTrend'));
var option13 = {
title:{
text:null,
subtext:null
......@@ -1306,12 +1989,12 @@
y2:30,
},
legend: {
data:ipList,
data:[],
},
xAxis:[
{
type: 'category',
data: time,
data: [],
splitLine: {
show: false
},
......@@ -1336,597 +2019,118 @@
],
series:[
{
name:ipList[0],
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:[],
smooth: true
},
{
name:[],
type:'line',
data:dataList[0],
data:[],
smooth: true
},
{
name:ipList[1],
name:[],
type:'line',
data:dataList[1],
data:[],
smooth: true
},
{
name:ipList[2],
name:[],
type:'line',
data:dataList[2],
data:[],
smooth: true
},
{
name:ipList[3],
name:[],
type:'line',
data:dataList[3],
data:[],
smooth: true
},
{
name:ipList[4],
name:[],
type:'line',
data:dataList[4],
data:[],
smooth: true
},
{
name:ipList[5],
name:[],
type:'line',
data:dataList[5],
data:[],
smooth: true
}
],
}
myChart.setOption(option);
}
function seatsActiveness() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsActiveness",
async: false,
success: function(data){
console.log("地市业务量占比实时",data);
var city = new Array();
var cityValue = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
cityValue.push(data[i][1]);
}
city.reverse();
cityValue.reverse();
seatsActivenessChart(city,cityValue);
}
});
}
function seatsActivenessMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsActivenessMonth",
async: false,
success: function(data){
console.log("地市业务量占比当月",data);
var city = new Array();
var cityValue = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
cityValue.push(data[i][1]);
}
city.reverse();
cityValue.reverse();
seatsActivenessChart(city,cityValue);
}
});
}
function performanceStability() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/performanceStability",
async: false,
success: function(data){
console.log("地市性能稳定性实时",data);
var city = new Array();
var boxValue = [];
var percent = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
percent.push(data[i][6]);
boxValue.push([data[i][1],data[i][2],data[i][3],data[i][4],data[i][5]]);
}
city.reverse();
percent.reverse();
boxValue.reverse();
performanceStabilityChart(city,boxValue,percent);
}
});
}
function performanceStabilityMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/performanceStabilityMonth",
async: false,
success: function(data){
console.log("地市性能稳定性当月",data);
var city = new Array();
var boxValue = [];
var percent = new Array();
for(var i=0; i<data.length; i++){
city.push(data[i][0]);
percent.push(data[i][6]);
boxValue.push([data[i][1],data[i][2],data[i][3],data[i][4],data[i][5]]);
}
city.reverse();
percent.reverse();
boxValue.reverse();
performanceStabilityChart(city,boxValue,percent);
}
});
}
function catonUser() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/catonUser",
async: false,
success: function(data){
console.log("卡顿用户实时",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
catonUserChart(time,time1Account,time2Account,time3Account);
}
});
}
function catonUserMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/catonUserMonth",
async: false,
success: function(data){
console.log("卡顿用户当月",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
catonUserChartMonth(time,time1Account,time2Account,time3Account);
}
});
}
function seatAnalysisTop() {
function ipTrendMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatAnalysisTop",
url: "${ctx}/MonitorOperation/FlowMonitor/ipTrendMonth",
async: false,
success: function(data){
console.log("坐席分析前top10",data);
var account = new Array();
var transCnt = new Array();
var transAvail = new Array();
var transTime = new Array();
for(var i=0; i<data.length; i++){
account.push(data[i][0]);
transCnt.push(data[i][1]);
transAvail.push(data[i][2]);
transTime.push(data[i][3]);
console.log("IP趋势图当月",data);
var dataList=[];
var time=[];
var ipList=[];
data.forEach(function(t,i){
t.sort(function(t1,t2){return t1[2]-t2[2]});
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
seatAnalysisChart(account,transCnt,transAvail,transTime);
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
ipList.push(t1[1])
}
dataList[i].push(t1[0])
})
});
}
function seatAnalysisLast() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatAnalysisLast",
async: false,
success: function(data){
console.log("坐席分析后top10",data);
var account = new Array();
var transCnt = new Array();
var transAvail = new Array();
var transTime = new Array();
for(var i=0; i<data.length; i++){
account.push(data[i][0]);
transCnt.push(data[i][1]);
transAvail.push(data[i][2]);
transTime.push(data[i][3]);
}
seatAnalysisChart(account,transCnt,transAvail,transTime);
}
});
}
function businessOffice() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/businessOffice",
async: false,
success: function(data){
console.log("营业厅业务量实时",data);
var hallList = [];
var time=[];
var dataList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([]);
t.forEach(function(t1,j){
if(j===0){
hallList.push(t1[1])
}
dataList[i].push(t1[0])
})
})
businessOfficeChart(hallList,dataList,time);
}
});
}
function businessOfficeMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/businessOfficeMonth",
async: false,
success: function(data){
console.log("营业厅业务量当月",data);
var hallList = [];
var time=[];
var dataList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
hallList.push(t1[1])
}
dataList[i].push(t1[0])
})
})
businessOfficeChartMonth(hallList,dataList,time);
}
});
}
function seatsReceptionUser() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsReceptionUser",
async: false,
success: function(data){
console.log("坐席接待客户实时",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
seatsReceptionUserChart(time,time1Account,time2Account,time3Account);
}
});
}
function seatsReceptionUserMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/seatsReceptionUserMonth",
async: false,
success: function(data){
console.log("坐席接待客户当月",data);
var time = new Array();
var time1Account = new Array();
var time2Account = new Array();
var time3Account = new Array();
for(var i=0; i<data.length; i++){
time.push(df.format(new Date(data[i][0])));
time1Account.push(data[i][1]);
time2Account.push(data[i][2]);
time3Account.push(data[i][3]);
}
seatsReceptionUserChartMonth(time,time1Account,time2Account,time3Account);
}
});
}
function userIp() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/userIp",
async: false,
success: function(data){
console.log("用户IP分析实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#userIpTable tbody').replaceWith(tbody);
}
});
}
function userIpMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/userIpMonth",
async: false,
success: function(data){
console.log("用户IP分析当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#userIpTable tbody').replaceWith(tbody);
}
});
}
function ipBusiness() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipBusiness",
async: false,
success: function(data){
console.log("用户IP业务实时",data);
var cnt1 = new Array();
var cnt2 = new Array();
var cnt3 = new Array();
var cnt4 = new Array();
var cnt5 = new Array();
var cnt6 = new Array();
var cnt7 = new Array();
var cnt8 = new Array();
var cnt9 = new Array();
var cnt10 = new Array();
var clientIp = new Array();
var cnt = new Array();
for(var i=0; i<data.length; i++){
cnt1.push(data[i][0]);
cnt2.push(data[i][1]);
cnt3.push(data[i][2]);
cnt4.push(data[i][3]);
cnt5.push(data[i][4]);
cnt6.push(data[i][5]);
cnt7.push(data[i][6]);
cnt8.push(data[i][7]);
cnt9.push(data[i][8]);
cnt10.push(data[i][9]);
clientIp.push(data[i][10]);
cnt.push(data[i][11]);
}
ipBusinessChart(cnt1,cnt2,cnt3,cnt4,cnt5,cnt6,cnt7,cnt8,cnt9,cnt10,clientIp,cnt);
}
});
}
function ipBusinessMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipBusinessMonth",
async: false,
success: function(data){
console.log("用户IP业务当月",data);
var cnt1 = new Array();
var cnt2 = new Array();
var cnt3 = new Array();
var cnt4 = new Array();
var cnt5 = new Array();
var cnt6 = new Array();
var cnt7 = new Array();
var cnt8 = new Array();
var cnt9 = new Array();
var cnt10 = new Array();
var clientIp = new Array();
var cnt = new Array();
for(var i=0; i<data.length; i++){
cnt1.push(data[i][0]);
cnt2.push(data[i][1]);
cnt3.push(data[i][2]);
cnt4.push(data[i][3]);
cnt5.push(data[i][4]);
cnt6.push(data[i][5]);
cnt7.push(data[i][6]);
cnt8.push(data[i][7]);
cnt9.push(data[i][8]);
cnt10.push(data[i][9]);
clientIp.push(data[i][10]);
cnt.push(data[i][11]);
}
ipBusinessChart(cnt1,cnt2,cnt3,cnt4,cnt5,cnt6,cnt7,cnt8,cnt9,cnt10,clientIp,cnt);
}
});
}
function ipTrend() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipTrend",
async: false,
success: function(data){
console.log("IP趋势图实时",data);
var dataList=[];
var time=[];
var ipList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
ipList.push(t1[1])
}
dataList[i].push(t1[0])
})
})
ipTrendChart(time,dataList,ipList);
}
});
}
function ipTrendMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/ipTrendMonth",
async: false,
success: function(data){
console.log("IP趋势图当月",data);
var dataList=[];
var time=[];
var ipList=[];
data.forEach(function(t,i){
if(i===0){
t.forEach(function(t1){
time.push(df.format(new Date(t1[2])))
})
}
dataList.push([])
t.forEach(function(t1,j){
if(j===0){
ipList.push(t1[1])
}
dataList[i].push(t1[0])
})
});
ipTrendChartMonth(time,dataList,ipList);
}
});
}
function serverExample() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/serverExample",
async: false,
success: function(data){
console.log("服务器实例实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#serverExampleTable tbody').replaceWith(tbody);
}
});
}
function serverExampleMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/serverExampleMonth",
async: false,
success: function(data){
console.log("服务器实例当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>'+'<td>'+t[4]+'</td>');
tbody.append(tr);
});
$('#serverExampleTable tbody').replaceWith(tbody);
}
});
}
function clientCompatibility() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/clientCompatibility",
async: false,
success: function(data){
console.log("客户端兼容性实时",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>');
tbody.append(tr);
});
$('#browserInformationTable tbody').replaceWith(tbody);
}
});
}
function clientCompatibilityMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/clientCompatibilityMonth",
async: false,
success: function(data){
console.log("客户端兼容性当月",data);
var tbody=$('<tbody></tbody>');
data.forEach(function(t) {
var tr = $('<tr></tr>');
tr.append('<td>'+t[0]+'</td>'+'<td>'+t[1]+'</td>'+'<td>'+t[2]+'</td>'+'<td>'+t[3]+'</td>');
tbody.append(tr);
});
$('#browserInformationTable tbody').replaceWith(tbody);
}
});
}
function httpInformation() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/httpInformation",
async: false,
success: function(data){
console.log("HTTP状态码实时",data);
var serverIp = new Array();
var sotherCnt = new Array();
for(var i=0; i<data.length; i++){
serverIp.push(data[i][0]);
sotherCnt.push(data[i][1]);
}
httpInformationChart(serverIp,sotherCnt)
}
});
}
function httpInformationMonth() {
$.ajax({
type : "GET",
contentType : "application/json",
url: "${ctx}/MonitorOperation/FlowMonitor/httpInformationMonth",
async: false,
success: function(data){
console.log("HTTP状态码当月",data);
var serverIp = new Array();
var sotherCnt = new Array();
for(var i=0; i<data.length; i++){
serverIp.push(data[i][0]);
sotherCnt.push(data[i][1]);
}
httpInformationChart(serverIp,sotherCnt)
option13.legend.data=ipList;
option13.xAxis[0].data=time;
option13.series[0].data=dataList[0];
option13.series[0].name=ipList[0];
option13.series[1].data=dataList[1];
option13.series[1].name=ipList[1];
option13.series[2].data=dataList[2];
option13.series[2].name=ipList[2];
option13.series[3].data=dataList[3];
option13.series[3].name=ipList[3];
option13.series[4].data=dataList[4];
option13.series[4].name=ipList[4];
option13.series[5].data=dataList[5];
option13.series[5].name=ipList[5];
option12.series[6].data=dataList[6];
option12.series[6].name=ipList[6];
option12.series[7].data=dataList[7];
option12.series[7].name=ipList[7];
option12.series[8].data=dataList[8];
option12.series[8].name=ipList[8];
option12.series[9].data=dataList[9];
option12.series[9].name=ipList[9];
myChartIpTrendMonth.setOption(option13);
}
});
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment