流量统计调整为异步调用,初始化参数
This commit is contained in:
@@ -197,7 +197,7 @@
|
||||
url : "${ctx}/dashboard/traffic/ajaxNtcTotalReportDetail?searchAction="+searchAction+"&beginDate="+beginDate+"&endDate="+endDate,
|
||||
type : "get",
|
||||
dataType : "json",
|
||||
async : false,
|
||||
async : true,
|
||||
success : function(rs) {
|
||||
var data = new Array();
|
||||
var xData = new Array();
|
||||
|
||||
@@ -96,24 +96,7 @@ function searchList(){
|
||||
}
|
||||
}
|
||||
// 局点信息
|
||||
function showActionTransChart(rs){
|
||||
var data=new Array();
|
||||
var xData=new Array();
|
||||
xData=rs[0].statTime;
|
||||
var series=new Array();
|
||||
$(rs).each(function(i, d) {
|
||||
var entrance="";
|
||||
if(d!=null&&d.entranceId==1){
|
||||
entrance="Astana";
|
||||
}
|
||||
if(d!=null&&d.entranceId==2){
|
||||
entrance="Alamty";
|
||||
}
|
||||
series.push({
|
||||
name: entrance,
|
||||
data: d.count
|
||||
});
|
||||
})
|
||||
function showActionTransChart(xData,series){
|
||||
var chart = Highcharts.chart('chart', {
|
||||
chart:{
|
||||
// type: 'area',
|
||||
@@ -184,10 +167,37 @@ function showActionTransChart(rs){
|
||||
url: "${ctx}/dashboard/traffic/actionEntranceTrans?searchAction="+searchAction+"&beginDate="+beginDate+"&endDate="+endDate,
|
||||
type : "get" ,
|
||||
dataType:"json",
|
||||
cache:false,
|
||||
async:true,
|
||||
success:function (rs) {
|
||||
showActionTransChart(rs);
|
||||
var xData=new Array();
|
||||
var series=new Array();
|
||||
if(rs!=null&&rs.length>0){
|
||||
xData=rs[0].statTime;
|
||||
$(rs).each(function(i, d) {
|
||||
var entrance="";
|
||||
if(d!=null&&d.entranceId==1){
|
||||
entrance="Astana";
|
||||
}
|
||||
if(d!=null&&d.entranceId==2){
|
||||
entrance="Alamty";
|
||||
}
|
||||
series.push({
|
||||
name: entrance,
|
||||
data: d.count
|
||||
});
|
||||
})
|
||||
}else{
|
||||
series.push({
|
||||
name: "Astana",
|
||||
data: []
|
||||
});
|
||||
series.push({
|
||||
name: "Alamty",
|
||||
data: []
|
||||
});
|
||||
}
|
||||
|
||||
showActionTransChart(xData,series);
|
||||
closeTip();
|
||||
},
|
||||
error: function(data, textStatus, errorThrown){
|
||||
|
||||
@@ -154,7 +154,7 @@ function ajaxAppList(start,end){
|
||||
type: 'get',
|
||||
dataType: "json",
|
||||
data:{"beginDate":start,"endDate":end,"appType":appType},
|
||||
async:false,
|
||||
async:true,
|
||||
timeout:10000,
|
||||
traditional:true,
|
||||
success:function (data){
|
||||
|
||||
@@ -54,14 +54,25 @@ $(document).ready(function(){
|
||||
type : "get" ,
|
||||
dataType:"json",
|
||||
data:{"beginDate":beginDate,"endDate":endDate,"entranceId":entranceId,"domain":domain},
|
||||
cache:false,
|
||||
async:false,
|
||||
async:true,
|
||||
timeout:40000,
|
||||
success:function (rs) {
|
||||
$("#tbodyData").html("");
|
||||
var xData=new Array();
|
||||
var series=new Array();
|
||||
if(rs!=null&&rs.length>0){
|
||||
showDomainTrans(rs);
|
||||
xData=rs[0].statTime;
|
||||
series.push({
|
||||
name: 'unique',
|
||||
data: rs[0].count
|
||||
});
|
||||
}else{
|
||||
series.push({
|
||||
name: 'unique',
|
||||
data: []
|
||||
});
|
||||
}
|
||||
showDomainTrans(xData,series);
|
||||
closeTip();
|
||||
},
|
||||
error: function(data, textStatus, errorThrown){
|
||||
@@ -73,18 +84,8 @@ $(document).ready(function(){
|
||||
});
|
||||
|
||||
}
|
||||
function showDomainTrans(rs){
|
||||
function showDomainTrans(xData,series){
|
||||
var domainName= $("#domainName").val();
|
||||
var data=new Array();
|
||||
var xData=new Array();
|
||||
xData=rs[0].statTime;
|
||||
var series=new Array();
|
||||
// $(rs).each(function(i, d) {
|
||||
series.push({
|
||||
name: 'unique',
|
||||
data: rs[0].count
|
||||
});
|
||||
// })
|
||||
var chart = Highcharts.chart('chart', {
|
||||
chart:{
|
||||
// type: 'area',
|
||||
|
||||
@@ -129,7 +129,7 @@ function ajaxProtocolList(start,end){
|
||||
type: 'get',
|
||||
dataType: "json",
|
||||
data:{"beginDate":start,"endDate":end},
|
||||
async:false,
|
||||
async:true,
|
||||
timeout:10000,
|
||||
beforeSend:function(){
|
||||
loading();
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<!-- 搜索内容与操作按钮栏 -->
|
||||
</form:form>
|
||||
</div>
|
||||
<div id="chart" style="width:95%;height:350px;"></div>
|
||||
<div id="chart" style="width:95%;height:360px;margin-top: 20px"></div>
|
||||
<input id="total" type="hidden"/>
|
||||
<div class="col-md-12">
|
||||
<div class="portlet">
|
||||
@@ -164,22 +164,8 @@ function searchList(){
|
||||
}
|
||||
}
|
||||
|
||||
function showIpActiveChart(rs){
|
||||
var data=new Array();
|
||||
var xData=new Array();
|
||||
xData=rs[0].statTime;
|
||||
var series=new Array();
|
||||
var total=[];
|
||||
$(rs).each(function(i, d) {
|
||||
total.push(
|
||||
sum(d.linkNum)
|
||||
)
|
||||
series.push({
|
||||
name: d.ipAddr,
|
||||
data: d.linkNum
|
||||
});
|
||||
})
|
||||
$("#total").val(JSON.stringify(total));
|
||||
function showIpActiveChart(xData,series){
|
||||
|
||||
var chart = Highcharts.chart('chart', {
|
||||
chart:{
|
||||
//type: 'area',
|
||||
@@ -252,14 +238,31 @@ function showIpActiveChart(rs){
|
||||
type : "get",
|
||||
dataType:"json",
|
||||
data:{"beginDate":beginDate,"endDate":endDate},
|
||||
cache:false,
|
||||
async:false,
|
||||
timeout:40000,
|
||||
async:true,
|
||||
timeout:50000,
|
||||
success:function (rs) {
|
||||
$("#tbodyData").html("");
|
||||
var total=[];
|
||||
var xData=new Array();
|
||||
var series=new Array();
|
||||
if(rs!=null&&rs.length>0){
|
||||
showIpActiveChart(rs);
|
||||
xData=rs[0].statTime;
|
||||
$(rs).each(function(i, d) {
|
||||
total.push(
|
||||
sum(d.linkNum)
|
||||
)
|
||||
series.push({
|
||||
name: d.ipAddr,
|
||||
data: d.linkNum
|
||||
});
|
||||
})
|
||||
}else{
|
||||
series.push({
|
||||
name: " ",
|
||||
data: []
|
||||
});
|
||||
}
|
||||
$("#total").val(JSON.stringify(total));
|
||||
showIpActiveChart(xData,series);
|
||||
closeTip();
|
||||
},
|
||||
error: function(data, textStatus, errorThrown){
|
||||
@@ -272,17 +275,16 @@ function showIpActiveChart(rs){
|
||||
}
|
||||
//活跃IP一小时统计
|
||||
function ipActiveOneHourList(beginDate,endDate){
|
||||
$("#tbodyData").html("");
|
||||
loading();
|
||||
$.ajax({
|
||||
url: '${ctx}/dashboard/ajaxIpActiveList',
|
||||
type : "get" ,
|
||||
dataType:"json",
|
||||
data:{"beginDate":beginDate,"endDate":endDate},
|
||||
cache:false,
|
||||
async:false,
|
||||
timeout:40000,
|
||||
async:true,
|
||||
timeout:50000,
|
||||
success:function (data) {
|
||||
$("#tbodyData").html("");
|
||||
if(data!=null&&data.length>0){
|
||||
var totalc2sByte= 0;
|
||||
var totals2cByte= 0;
|
||||
|
||||
@@ -104,18 +104,8 @@ function searchList(){
|
||||
}
|
||||
}
|
||||
|
||||
function showPortActiveChart(rs){
|
||||
var data=new Array();
|
||||
var xData=new Array();
|
||||
xData=rs[0].statTime;
|
||||
var series=new Array();
|
||||
var legend=new Array();
|
||||
$(rs).each(function(i, d) {
|
||||
series.push({
|
||||
name: d.port,
|
||||
data: d.sum
|
||||
});
|
||||
})
|
||||
function showPortActiveChart(xData,series){
|
||||
|
||||
var chart = Highcharts.chart('chart', {
|
||||
chart:{
|
||||
// type: 'area',
|
||||
@@ -183,19 +173,32 @@ function showPortActiveChart(rs){
|
||||
//活跃IP一小时间隔五分钟统计
|
||||
function portActiveMinuteList(beginDate,endDate){
|
||||
loading();
|
||||
$("#tbodyData").html("");
|
||||
$.ajax({
|
||||
url: '${ctx}/dashboard/portActiveChart',
|
||||
type : "get" ,
|
||||
dataType:"json",
|
||||
data:{"beginDate":beginDate,"endDate":endDate},
|
||||
cache:false,
|
||||
async:false,
|
||||
async:true,
|
||||
timeout:40000,
|
||||
success:function (rs) {
|
||||
$("#tbodyData").html("");
|
||||
var xData=new Array();
|
||||
var series=new Array();
|
||||
if(rs!=null&&rs.length>0){
|
||||
showPortActiveChart(rs);
|
||||
xData=rs[0].statTime;
|
||||
$(rs).each(function(i, d) {
|
||||
series.push({
|
||||
name: d.port,
|
||||
data: d.sum
|
||||
});
|
||||
})
|
||||
}else{
|
||||
series.push({
|
||||
name: " ",
|
||||
data: []
|
||||
});
|
||||
}
|
||||
showPortActiveChart(xData,series);
|
||||
closeTip();
|
||||
},
|
||||
error: function(data, textStatus, errorThrown){
|
||||
|
||||
@@ -145,7 +145,7 @@ function ajaxProtocolList(start,end){
|
||||
type: 'get',
|
||||
dataType: "json",
|
||||
data:{"beginDate":start,"endDate":end,"protoType":protoType},
|
||||
async:false,
|
||||
async:true,
|
||||
timeout:40000,
|
||||
traditional:true,
|
||||
beforeSend:function(){
|
||||
|
||||
@@ -214,16 +214,14 @@
|
||||
"domain" : domain,
|
||||
"entranceId" : entranceId
|
||||
},
|
||||
async : false,
|
||||
async : true,
|
||||
timeout : 40000,
|
||||
traditional:true,
|
||||
success : function(data) {
|
||||
if (data != null && data.length > 0
|
||||
&& data[0].error != null) {
|
||||
top.$.jBox
|
||||
.tip(
|
||||
"<spring:message code='request_service_failed'/>",
|
||||
"<spring:message code='info'/>");
|
||||
if (data != null && data.length > 0 && data[0].error != null) {
|
||||
top.$.jBox.tip(
|
||||
"<spring:message code='request_service_failed'/>",
|
||||
"<spring:message code='info'/>");
|
||||
return;
|
||||
}
|
||||
webTypeChart(data)
|
||||
|
||||
Reference in New Issue
Block a user