diff --git a/web/src/x.min.js b/web/src/x.min.js index 7690598..0496ac7 100644 --- a/web/src/x.min.js +++ b/web/src/x.min.js @@ -3114,7 +3114,6 @@ var X = window.X || { elem: ".tab-tit-box .tab-shiqvshezhi" ,data: X.DATA.timezone ,click: function(obj){ - console.log(obj) $(".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){ var eventdata=[]; var index = d.length; - for(let i in d){ + for(let z in d){ - setTimeout( - X.api("ck/"+d[i]['model']+"_model","post",{report_id:d[i]['report_id']},function(val){ - // console.log(val); - if(d[i]['model'] == "event"){ - // 事件分析 - if(d[i]['graph_size'] == 'small'){ - X.eventsmall(val,function(data){//表格数据处理 - data['name'] = d[i]['name']; - 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){//表格数据处理 + (function (i, model) { // 注意这里是形参 + setTimeout(function () { + + 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){//表格数据处理 data['name'] = d[i]['name']; 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'] == 'echarts'){ - //图形 - X.eventchart(val,function(data){ - data['name'] = d[i]['name']; - data['modeltype'] = d[i]['graph_type']; - data['id'] = d[i]['report_id']; - data['modelsize'] = d[i]['graph_size']; - eventdata.push(data); - }) - } - } - - } - index --; - console.log(eventdata); - 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); + }else { + if(d[i]['graph_type'] == 'table'){ + //表格样式 + X.eventtable(val,function(data){//表格数据处理 + data['name'] = d[i]['name']; + 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'] == 'echarts'){ + //图形 + X.eventchart(val,function(data){ + data['name'] = d[i]['name']; + data['modeltype'] = d[i]['graph_type']; + data['id'] = d[i]['report_id']; + data['modelsize'] = d[i]['graph_size']; + eventdata.push(data); + }) } } - }); - } - }),"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']) // 注意这里是实参,这里把要用的参数传进去 + + + + } diff --git a/web/srczip/logic/dashboard.js b/web/srczip/logic/dashboard.js index d4b6e39..3c2b174 100644 --- a/web/srczip/logic/dashboard.js +++ b/web/srczip/logic/dashboard.js @@ -93,7 +93,6 @@ elem: ".tab-tit-box .tab-shiqvshezhi" ,data: X.DATA.timezone ,click: function(obj){ - console.log(obj) $(".tab-tit-box .tab-shiqvshezhi").html(obj.title); //数据更新 @@ -243,96 +242,103 @@ X.api('dashboard/','post',{id:X.DATA['dashboard_id']},function(d){ var eventdata=[]; var index = d.length; - for(let i in d){ + for(let z in d){ - setTimeout( - X.api("ck/"+d[i]['model']+"_model","post",{report_id:d[i]['report_id']},function(val){ - // console.log(val); - if(d[i]['model'] == "event"){ - // 事件分析 - if(d[i]['graph_size'] == 'small'){ - X.eventsmall(val,function(data){//表格数据处理 - data['name'] = d[i]['name']; - 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){//表格数据处理 + (function (i, model) { // 注意这里是形参 + setTimeout(function () { + + 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){//表格数据处理 data['name'] = d[i]['name']; 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'] == 'echarts'){ - //图形 - X.eventchart(val,function(data){ - data['name'] = d[i]['name']; - data['modeltype'] = d[i]['graph_type']; - data['id'] = d[i]['report_id']; - data['modelsize'] = d[i]['graph_size']; - eventdata.push(data); - }) - } - } - - } - index --; - console.log(eventdata); - 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); + }else { + if(d[i]['graph_type'] == 'table'){ + //表格样式 + X.eventtable(val,function(data){//表格数据处理 + data['name'] = d[i]['name']; + 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'] == 'echarts'){ + //图形 + X.eventchart(val,function(data){ + data['name'] = d[i]['name']; + data['modeltype'] = d[i]['graph_type']; + data['id'] = d[i]['report_id']; + data['modelsize'] = d[i]['graph_size']; + eventdata.push(data); + }) } } - }); - } - }),"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']) // 注意这里是实参,这里把要用的参数传进去 + + + + }