This commit is contained in:
罗松柏 2021-07-26 22:16:52 +08:00
parent 6cfb560d38
commit d4f7854aa6
2 changed files with 176 additions and 164 deletions

170
web/src/x.min.js vendored
View File

@ -3114,7 +3114,6 @@ var X = window.X || {
elem: ".tab-tit-box .tab-shiqvshezhi" elem: ".tab-tit-box .tab-shiqvshezhi"
,data: X.DATA.timezone ,data: X.DATA.timezone
,click: function(obj){ ,click: function(obj){
console.log(obj)
$(".tab-tit-box .tab-shiqvshezhi").html(obj.title); $(".tab-tit-box .tab-shiqvshezhi").html(obj.title);
//数据更新 //数据更新
@ -3264,96 +3263,103 @@ var X = window.X || {
X.api('dashboard/','post',{id:X.DATA['dashboard_id']},function(d){ X.api('dashboard/','post',{id:X.DATA['dashboard_id']},function(d){
var eventdata=[]; var eventdata=[];
var index = d.length; var index = d.length;
for(let i in d){ for(let z in d){
setTimeout( (function (i, model) { // 注意这里是形参
X.api("ck/"+d[i]['model']+"_model","post",{report_id:d[i]['report_id']},function(val){ setTimeout(function () {
// console.log(val);
if(d[i]['model'] == "event"){ X.api("ck/"+model+"_model","post",{report_id:d[i]['report_id']},function(val){
// 事件分析 if(model == "event"){
if(d[i]['graph_size'] == 'small'){ // 事件分析
X.eventsmall(val,function(data){//表格数据处理 if(d[i]['graph_size'] == 'small'){
data['name'] = d[i]['name']; X.eventsmall(val,function(data){//表格数据处理
data['modeltype'] = d[i]['graph_type'];
data['id'] = d[i]['report_id'];
data['modelsize'] = d[i]['graph_size'];
eventdata.push(data);
})
}else {
if(d[i]['graph_type'] == 'table'){
//表格样式
X.eventtable(val,function(data){//表格数据处理
data['name'] = d[i]['name']; data['name'] = d[i]['name'];
data['modeltype'] = d[i]['graph_type']; data['modeltype'] = d[i]['graph_type'];
data['id'] = d[i]['report_id']; data['id'] = d[i]['report_id'];
data['modelsize'] = d[i]['graph_size']; data['modelsize'] = d[i]['graph_size'];
eventdata.push(data); eventdata.push(data);
}) })
}else if(d[i]['graph_type'] == 'echarts'){ }else {
//图形 if(d[i]['graph_type'] == 'table'){
X.eventchart(val,function(data){ //表格样式
data['name'] = d[i]['name']; X.eventtable(val,function(data){//表格数据处理
data['modeltype'] = d[i]['graph_type']; data['name'] = d[i]['name'];
data['id'] = d[i]['report_id']; data['modeltype'] = d[i]['graph_type'];
data['modelsize'] = d[i]['graph_size']; data['id'] = d[i]['report_id'];
eventdata.push(data); data['modelsize'] = d[i]['graph_size'];
}) eventdata.push(data);
} })
} }else if(d[i]['graph_type'] == 'echarts'){
//图形
} X.eventchart(val,function(data){
index --; data['name'] = d[i]['name'];
console.log(eventdata); data['modeltype'] = d[i]['graph_type'];
if(index <= 0){ data['id'] = d[i]['report_id'];
X.template("modeltable","chart-box",eventdata,function(){ data['modelsize'] = d[i]['graph_size'];
for(let i in eventdata){ eventdata.push(data);
if(eventdata[i]['modeltype'] == 'echarts' && eventdata[i]['modelsize'] != 'small' ){ })
var myChart = echarts.init(document.getElementById(eventdata[i]['id']));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: eventdata[i]['legenddata']
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: eventdata[i]['xAxisData']
}
],
yAxis: [
{
type: 'value'
}
],
series: eventdata[i]['seriesData']
};
myChart.setOption(option,true);
} }
} }
});
} }
}),"200");//延时0.2秒调用 index --;
if(index <= 0){
X.template("modeltable","chart-box",eventdata,function(){
for(let i in eventdata){
if(eventdata[i]['modeltype'] == 'echarts' && eventdata[i]['modelsize'] != 'small' ){
var myChart = echarts.init(document.getElementById(eventdata[i]['id']));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: eventdata[i]['legenddata']
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: eventdata[i]['xAxisData']
}
],
yAxis: [
{
type: 'value'
}
],
series: eventdata[i]['seriesData']
};
myChart.setOption(option,true);
}
}
});
}
})
}, 500 * i); // 还是每秒执行一次,不是累加的
})(z, d[z]['model']) // 注意这里是实参,这里把要用的参数传进去
} }

View File

@ -93,7 +93,6 @@
elem: ".tab-tit-box .tab-shiqvshezhi" elem: ".tab-tit-box .tab-shiqvshezhi"
,data: X.DATA.timezone ,data: X.DATA.timezone
,click: function(obj){ ,click: function(obj){
console.log(obj)
$(".tab-tit-box .tab-shiqvshezhi").html(obj.title); $(".tab-tit-box .tab-shiqvshezhi").html(obj.title);
//数据更新 //数据更新
@ -243,96 +242,103 @@
X.api('dashboard/','post',{id:X.DATA['dashboard_id']},function(d){ X.api('dashboard/','post',{id:X.DATA['dashboard_id']},function(d){
var eventdata=[]; var eventdata=[];
var index = d.length; var index = d.length;
for(let i in d){ for(let z in d){
setTimeout( (function (i, model) { // 注意这里是形参
X.api("ck/"+d[i]['model']+"_model","post",{report_id:d[i]['report_id']},function(val){ setTimeout(function () {
// console.log(val);
if(d[i]['model'] == "event"){ X.api("ck/"+model+"_model","post",{report_id:d[i]['report_id']},function(val){
// 事件分析 if(model == "event"){
if(d[i]['graph_size'] == 'small'){ // 事件分析
X.eventsmall(val,function(data){//表格数据处理 if(d[i]['graph_size'] == 'small'){
data['name'] = d[i]['name']; X.eventsmall(val,function(data){//表格数据处理
data['modeltype'] = d[i]['graph_type'];
data['id'] = d[i]['report_id'];
data['modelsize'] = d[i]['graph_size'];
eventdata.push(data);
})
}else {
if(d[i]['graph_type'] == 'table'){
//表格样式
X.eventtable(val,function(data){//表格数据处理
data['name'] = d[i]['name']; data['name'] = d[i]['name'];
data['modeltype'] = d[i]['graph_type']; data['modeltype'] = d[i]['graph_type'];
data['id'] = d[i]['report_id']; data['id'] = d[i]['report_id'];
data['modelsize'] = d[i]['graph_size']; data['modelsize'] = d[i]['graph_size'];
eventdata.push(data); eventdata.push(data);
}) })
}else if(d[i]['graph_type'] == 'echarts'){ }else {
//图形 if(d[i]['graph_type'] == 'table'){
X.eventchart(val,function(data){ //表格样式
data['name'] = d[i]['name']; X.eventtable(val,function(data){//表格数据处理
data['modeltype'] = d[i]['graph_type']; data['name'] = d[i]['name'];
data['id'] = d[i]['report_id']; data['modeltype'] = d[i]['graph_type'];
data['modelsize'] = d[i]['graph_size']; data['id'] = d[i]['report_id'];
eventdata.push(data); data['modelsize'] = d[i]['graph_size'];
}) eventdata.push(data);
} })
} }else if(d[i]['graph_type'] == 'echarts'){
//图形
} X.eventchart(val,function(data){
index --; data['name'] = d[i]['name'];
console.log(eventdata); data['modeltype'] = d[i]['graph_type'];
if(index <= 0){ data['id'] = d[i]['report_id'];
X.template("modeltable","chart-box",eventdata,function(){ data['modelsize'] = d[i]['graph_size'];
for(let i in eventdata){ eventdata.push(data);
if(eventdata[i]['modeltype'] == 'echarts' && eventdata[i]['modelsize'] != 'small' ){ })
var myChart = echarts.init(document.getElementById(eventdata[i]['id']));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: eventdata[i]['legenddata']
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: eventdata[i]['xAxisData']
}
],
yAxis: [
{
type: 'value'
}
],
series: eventdata[i]['seriesData']
};
myChart.setOption(option,true);
} }
} }
});
} }
}),"200");//延时0.2秒调用 index --;
if(index <= 0){
X.template("modeltable","chart-box",eventdata,function(){
for(let i in eventdata){
if(eventdata[i]['modeltype'] == 'echarts' && eventdata[i]['modelsize'] != 'small' ){
var myChart = echarts.init(document.getElementById(eventdata[i]['id']));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: eventdata[i]['legenddata']
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: eventdata[i]['xAxisData']
}
],
yAxis: [
{
type: 'value'
}
],
series: eventdata[i]['seriesData']
};
myChart.setOption(option,true);
}
}
});
}
})
}, 500 * i); // 还是每秒执行一次,不是累加的
})(z, d[z]['model']) // 注意这里是实参,这里把要用的参数传进去
} }