xfrontend/web/srczip/logic/retained.js
2022-08-01 11:48:41 +08:00

996 lines
44 KiB
JavaScript

(function(){
X.pageLogic['retained'] = {
init : function(parms){
X.template("grouped","shushi");
// X.template("toptab","analysis-zhanwei",X.DATA['projectarr']);
var data ={
"eventView":{
"cksql":"retention",
"endTime":"2021-06-07 23:59:59",
"filts":[],
"groupBy":[],
"e_days":0,
"s_days":7,
"relation":"and",
"startTime":"2021-05-09 00:00:00",
"statType":"retention",
"timeParticleSize":"P1D",
"unitNum":7,
"filter_item_type":'all',
"filter_item":[]
},
"events":[
]
};
// 重新渲染控件
layui.form.render();
// 日期渲染
X.daterender("#retained-condition-date",function(start, end, label){
var startTime = start.format('YYYY-MM-DD')+ " "+ "00:00:00";
var endTime = end.format('YYYY-MM-DD')+ " "+ "23:59:59";
data['eventView']['startTime'] = startTime;
data['eventView']['endTime'] = endTime;
var sameday = Date.parse(new Date()) / 1000; //当天时间戳
var enddate = new Date(end.format('YYYY-MM-DD'));
var endmonth = Date.parse(enddate)/1000;
var startdate = new Date(start.format('YYYY-MM-DD'));
var startmonth = Date.parse(startdate)/1000;
data['eventView']['e_days'] = parseInt((sameday - endmonth)/86400);
data['eventView']['s_days'] = parseInt((sameday - startmonth)/86400);
// retaineddata();
});
var eventdata;
var groupitemeventsdata;//分组项里的事件
var querydata; //计算后返回的数据
var filter_map,quotas_map;
X.api("data_auth/my_event","get",{},function(d){
eventdata = d;
X.api("data_auth/load_prop_quotas","post",{event_name:eventdata[0]['category'][0]['event_name']},function(val){
type2data = val.props;
var arr = [{
"eventDesc":eventdata[0]['category'][0]['event_desc'],
"eventName":eventdata[0]['category'][0]['event_name'],
"filts":[],
"relation":"and",
"relationUser":"and",
"renameindicator":"",
"event_attr": type2data[0]['title'],
"event_attr_id": type2data[0]['id'],
},{
"eventDesc":eventdata[0]['category'][0]['event_desc'],
"eventName":eventdata[0]['category'][0]['event_name'],
"filts":[],
"relation":"and",
"relationUser":"and",
"renameindicator":"",
}]
data['events'] = arr;
X.api("data_auth/load_filter_props","post",{event_name:d[0]['category'][0]['event_name']},function(val){
groupitemeventsdata = val;
//初始事件
X.template("event","initial-event",data['events'][0]);
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
X.api("data_auth/filter_map","get",{},function(d){
filter_map = d;
X.api('data_auth/quotas_map',"get",{},function(d){
quotas_map = d;
//从数据看板点击进来触发事件
if(X.DATA.retentionid && X.DATA.retentionid != ''){
var report_idarr = [];
report_idarr.push(X.DATA.retentionid);
if(X.DATA.authority != 'rw'){
$('.analysis-savereport').hide();
}else {
$(".analysis-saveas").show();
}
X.api('report/read_report','post',{project_id:X.DATA.projectid,report_id:report_idarr},function(d){
backfilldata(d[0]);
})
}
})
})
})
})
});
$(document).off('click','.analysis-zhibiao-list-type2').on('click','.analysis-zhibiao-list-type2',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
if(type2data.length >0){
X.parametersopen(type2data,'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
// if(val != undefined){
$("#analysis-zhibiao-list-type2-"+index).html(val.title);
data['events'][index]['event_attr'] = val.title;
data['events'][index]['event_attr_id'] = val.id;
// }
})
}
});
//开启重命名
$(document).off('click','.analysis-chongmingming-initial-event').on('click','.analysis-chongmingming-initial-event',function(){
$("#analysis-con-left-screen-list-left-zhibiaoname-initial-event").show();
$(this).hide();
$(".analysis-chongmingming-del-initial-event").show();
});
$(document).off('click','.analysis-chongmingming-return-event').on('click','.analysis-chongmingming-return-event',function(){
$("#analysis-con-left-screen-list-left-zhibiaoname-return-event").show();
$(this).hide();
$(".analysis-chongmingming-del-return-event").show();
});
//取消重命名
$(document).off('click','.analysis-chongmingming-del-initial-event').on('click','.analysis-chongmingming-del-initial-event',function(){
$("#analysis-con-left-screen-list-left-zhibiaoname-initial-event").hide();
$("#analysis-con-left-screen-list-left-zhibiaoname-initial-event input").val('');
$(this).hide();
$(".analysis-chongmingming-initial-event").show();
});
$(document).off('click','.analysis-chongmingming-del-return-event').on('click','.analysis-chongmingming-del-return-event',function(){
$("#analysis-con-left-screen-list-left-zhibiaoname-return-event").hide();
$("#analysis-con-left-screen-list-left-zhibiaoname-return-event input").val('');
$(this).hide();
$(".analysis-chongmingming-return-event").show();
});
// 添加初始事件筛选
// var initialevent = []
$(document).off('click','.analysis-shaix-initial-event').on('click','.analysis-shaix-initial-event',function(){
var arr = {
"columnDesc":groupitemeventsdata[0]['category'][0]['title'],
"columnName":groupitemeventsdata[0]['category'][0]['id'],
"comparator":"==",
"comparatorName":"等于",
"ftv":[],
"strftv":"",
"tableType":groupitemeventsdata[0]['category'][0]['data_type'],
"timeUnit":""
}
// initialevent.push(arr);
data['events'][0]['filts'].push(arr);
X.template("event","initial-event",data['events'][0]);
});
var returnevent = [];
$(document).off('click','.analysis-shaix-return-event').on('click','.analysis-shaix-return-event',function(){
var arr = {
"columnDesc":groupitemeventsdata[0]['category'][0]['title'],
"columnName":groupitemeventsdata[0]['category'][0]['id'],
"comparator":"==",
"comparatorName":"等于",
"ftv":[],
"strftv":"",
"tableType":groupitemeventsdata[0]['category'][0]['data_type'],
"timeUnit":""
}
// data['events'][1]['filts'].push(arr);
returnevent.push(arr);
data['events'][1]['filts'] = returnevent;
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
});
// 删除指定初始事件筛选
$(document).off('click','.analysis-zhibiao-list-del-initial-event').on('click','.analysis-zhibiao-list-del-initial-event',function(){
var index = $(this).attr("data-twonum");
data['events'][0]['filts'].splice(index,1);
X.template("event","initial-event",data['events'][0]);
});
$(document).off('click','.analysis-zhibiao-list-del-return-event').on('click','.analysis-zhibiao-list-del-return-event',function(){
var index = $(this).attr("data-twonum");
data['events'][1]['filts'].splice(index,1);
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
});
$(document).off('blur','.analysis-con-left-screen-list-left-zhibiaoname-initial-event input').on('blur','.analysis-con-left-screen-list-left-zhibiaoname-initial-event input',function(){
var txt = $(this).val();
data['events'][0]['renameindicator'] = txt;
});
$(document).off('blur','.analysis-con-left-screen-list-left-zhibiaoname-return-event input').on('blur','.analysis-con-left-screen-list-left-zhibiaoname-return-event input',function(){
var txt = $(this).val();
data['events'][1]['renameindicator'] = txt;
});
$(document).off('click','.ant-dropdown-trigger').on('click','.ant-dropdown-trigger',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
var dataevent= data['events'][index];
X.querycriteriapop(eventdata,'setgrouping',offset.left,offset.top+obj.height(),function(val){
obj.html(val.id);
dataevent['eventName'] = val.name;
dataevent['eventDesc'] = val.id;
})
});
$(document).off('click','.ta-property-select').on('click','.ta-property-select',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
var indexs = obj.attr("data-indexs");
X.querycriteriapop(groupitemeventsdata,'category',offset.left,offset.top+obj.height(),function(val){
var htmlstring = val.title;
obj.html(htmlstring);
data['events'][index]['filts'][indexs]['columnDesc'] = htmlstring;
data['events'][index]['filts'][indexs]['columnName'] = val.id;
data['events'][index]['filts'][indexs]['data_type'] = val.type;
data['events'][index]['filts'][indexs]['tableType'] = val.table_type;
if(val.type == 'user_label'){
data['events'][index]['filts'][indexs]['comparatorName'] = "是";
data['events'][index]['filts'][indexs]['comparator'] = 'in';
}
if(index == 0){
X.template("event","initial-event",data['events'][0]);
}else {
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
}
})
});
$(document).off('click','.analysis-choicetypename').on('click','.analysis-choicetypename',function(){
var obj = $(this);
var offset = obj.offset();
var index = $(this).attr("data-index");
var indexs = $(this).attr("data-indexs");
var type = data['events'][index]['filts'][indexs]['data_type'];
X.parametersopen(filter_map[type],'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
if(val != undefined){
obj.html(val.title);
data['events'][index]['filts'][indexs]['comparatorName'] = val.title;
data['events'][index]['filts'][indexs]['comparator'] = val.id;
}
})
});
$(document).off("click",".analysis-zhibiao-list-type4").on("click",".analysis-zhibiao-list-type4",function(){
var obj = $(this);
var offset = obj.offset();
var index = $(this).attr("data-index");
var indexs = $(this).attr("data-indexs");
var columnName = data['events'][index]['filts'][indexs]['columnName'];
X.api("data_mana/select_attr","post",{attr_name:columnName},function(val){
if(val != "查无数据"){
X.parametersopen(val['map_'],'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
data['events'][index]['filts'][indexs]['strftv'] = val.title;
var arr = [];
arr.push(val.id);
data['events'][index]['filts'][indexs]['ftv'] = arr;
X.template("event","initial-event",data['events'][0]);
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
})
}
})
});
$(document).off("click",".analysis-overall-situation-input").on("click",".analysis-overall-situation-input",function(){
var obj = $(this);
var offset = obj.offset();
var index = $(this).attr("data-index");
var columnName = data['eventView']['filts'][index]['columnName'];
X.api("data_mana/select_attr","post",{attr_name:columnName},function(val){
if(val != "查无数据"){
X.parametersopen(val['map_'],'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
data['eventView']['filts'][index]['strftv'] = val.title;
var arr = [];
arr.push(val.id);
data['eventView']['filts'][index]['ftv'] = arr;
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
})
}
})
});
$(document).off('change','.analysis-zhibiao-list-type4 input').on('change','.analysis-zhibiao-list-type4 input',function(){
var index = $(this).attr('data-index');
var indexs = $(this).attr('data-indexs');
var txt = $(this).val();
var txtarr = txt.split(",");
data['events'][index]['filts'][indexs]['strftv'] = txt;
data['events'][index]['filts'][indexs]['ftv'] = txtarr;
});
//全局筛选
var filtsftvdata=[];
$(document).off('click','.analysis-overall-situation-add').on('click','.analysis-overall-situation-add',function(){
var screentypedata = groupitemeventsdata;
var drr={
"columnName":screentypedata[0]['category'][0]['id'],//事件id
//"column_id":screentypedata[0]['category'][0]['id'],
"columnDesc":screentypedata[0]['category'][0]['title'],//事件中文显示
'data_type':screentypedata[0]['category'][0]['data_type'],//类型
'comparator_name':'等于',//默认等于
"comparator":'==',//符号id
"ftv":[],//条件
"strftv":'',//显示条件
"section":[-1,1],//区间
"tableType":screentypedata[0]['id']
};
data['eventView']['filts'].push(drr);
filtsftvdata.push(screentypedata[0]['category'][0]['category']);
if(data['eventView']['filts'].length > 1){
$(".analysis-overall-situation-left-guanxi").show();
}else{
$(".analysis-overall-situation-left-guanxi").hide();
}
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
});
//删除指定全局数据
$(document).off('click','.analysis-overall-situation-del').on('click','.analysis-overall-situation-del',function(){
var index = $(this).attr('data-index');
data['eventView']['filts'].splice(index,1);
filtsftvdata.splice(index,1);
if(data['eventView']['filts'].length > 1){
$(".analysis-overall-situation-left-guanxi").show();
}else{
$(".analysis-overall-situation-left-guanxi").hide();
}
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
});
$(document).off('click','.analysis-overall-situation-attr').on('click','.analysis-overall-situation-attr',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
X.querycriteriapop(groupitemeventsdata,'category',offset.left,offset.top+obj.height(),function(val){
obj.html(val.title);
data['eventView']['filts'][index]['columnDesc'] = val.title;
data['eventView']['filts'][index]['columnName'] = val.id;
data['eventView']['filts'][index]['data_type'] = val.type;
data['eventView']['filts'][index]['comparator_name'] = '等于';
data['eventView']['filts'][index]['comparator'] = '==';
data['eventView']['filts'][index]['tableType'] = val.table_type;
filtsftvdata[index]=val.category;
if(val.type == 'user_label'){
data['eventView']['filts'][index]['comparator_name'] = "是";
data['eventView']['filts'][index]['comparator'] = 'in';
}
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
})
});
//循环给条件框渲染下拉框
// function analysisdown(){
// for(let i in data['eventView']['filts']){
// X.laydropdown("#analysis-overall-situation-fuhao-"+i,filtsftvdata[i],function(val){
// $(this).html(val.title);
// data['eventView']['filts'][i]['comparator_name'] = val.title;
// data['eventView']['filts'][i]['comparator'] = val.id;
// if(val.id == "range"){
// data['eventView']['filts'][i]['ftv'] = [-1,1];
// }
// X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
// analysisdown();
// });
// })
// }
// };
var render_date_index;//且用户符合时间选择框的index
$(document).off('click','.analysis-overall-situation-date').on('click','.analysis-overall-situation-date',function(){
var index = $(this).attr('data-index');
render_date_index = index;
});
// 渲染过滤项时间框
function renderdate(){
lay('.analysis-overall-situation-date').each(function(){
layui.laydate.render({
elem: this
,type:"datetime"
,trigger: 'click'
,done: function(value, date, endDate){
data['eventView']['filts'][render_date_index]['strftv'] = value;
var datearr = [];
datearr.push(value)
data['eventView']['filts'][render_date_index]['ftv'] = datearr;
}
});
});
};
$(document).off('click','.analysis-overall-situation-fuhao').on('click','.analysis-overall-situation-fuhao',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
var type = data['eventView']['filts'][index]['data_type'];
X.parametersopen(filter_map[type],'dropdownlist',[offset.top+obj.height(),offset.left],function(val){
$(this).html(val.title);
data['eventView']['filts'][index]['comparator_name'] = val.title;
data['eventView']['filts'][index]['comparator'] = val.id;
if(val.id == "range"){
data['eventView']['filts'][index]['ftv'] = [-1,1];
}
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
})
});
$(document).off('change','.analysis-overall-situation-input input').on('change','.analysis-overall-situation-input input',function(){
var index = $(this).attr('data-index');
var val = $(this).val();
var valarr = val.split(",");
data['eventView']['filts'][index]['ftv']=valarr;
data['eventView']['filts'][index]['strftv']=val;
})
// 分组项
$(document).off('click','.analysis-action-right').on('click','.analysis-action-right',function() {
var index = $(this).attr("data-index");
data.eventView.groupBy.splice(index,1);
X.template("grouped","shushi",data['eventView']['groupBy']);
});
$(document).off('click','.analysis-footadd___2D4YB').on('click','.analysis-footadd___2D4YB',function() {
var arr = {
"columnDesc": "#account_id",//事件中文显示
"columnName": "#account_id",//事件id
'data_type': "string",//类型
'tableType': "event",
"ftv":"",//条件
"section":'',//区间
"intervalType":"def",
"quotaIntervalArr":[]
};
data['eventView']['groupBy'].push(arr);
X.template("grouped","shushi",data['eventView']['groupBy']);
});
$(document).off('click','.analysis-ant-dropdown-trigger').on('click','.analysis-ant-dropdown-trigger',function(){
var obj = $(this);
var offset = obj.offset();
var index = obj.attr("data-index");
X.querycriteriapop(groupitemeventsdata,'category',offset.left,offset.top+obj.height(),function(val){
var htmlstring = val.title;
obj.html(htmlstring);
data.eventView.groupBy[index]['columnDesc'] = val.title;
data.eventView.groupBy[index]['columnName'] = val.id;
data.eventView.groupBy[index]['data_type'] = val.type;
data.eventView.groupBy[index]['tableType'] = val.table_type;
X.template("grouped","shushi",data['eventView']['groupBy']);
})
});
$(document).off('click','.analysis-granularity').on('click','.analysis-granularity',function(){
var index = $(this).attr("data-index");
var sectionid = data['eventView']['groupBy'][index];
X.parametersopen(sectionid,'groupeditemspop',"auto",function(val){
data['eventView']['groupBy'][index]['intervalType'] = val.type;
if(val.type == "user_defined"){
data['eventView']['groupBy'][index]['quotaIntervalArr'] = val.quotaIntervalArr;
}
})
});
// sql语句显示
$(document).off('click','.sqlquery').on('click','.sqlquery',function(){
var obj = $(this);
var offset = obj.offset();
// if(querydata){
X.querycriteriapop(data,'conditionquery',offset.left - 410,offset.top+obj.height(),function(){
})
// }else {
// layer.msg('请先计算');
// }
});
// 时间粒度
X.laydropdown('.analtsis-timeParticleSize',X['DATA']['companylist']['retention'],function(d){
$(".analtsis-timeParticleSize").html(d.title);
data['eventView']['unitNum'] = parseInt(d.id);
retaineddata();
});
//留存流失
var retentionloss = [
{'title':'留存','id':0},
{'title':'流失','id':1}
]
var retentiontype = 0;//判断是显示流失数据还是留存
X.laydropdown('.retention-loss',retentionloss,function(d){
$('.retention-loss').html(d.title);
if(querydata['summary_values']){
retentiontype = d.id;
updata(querydata);
}
})
// 计算按钮
$(document).off('click','.analysis-calculation').on('click','.analysis-calculation',function(){
//
retaineddata()
});
function retaineddata(){
var time = $("#retained-condition-date").val();
var timearr = time.split(" ");
data['eventView']['startTime'] = timearr[0] + " "+"00:00:00";
data['eventView']['endTime'] = timearr[2]+" "+"23:59:59";
var dataArr = {
eventView: data.eventView,
events: data.events
}
X.api("ck/retention_model","post",dataArr,function(d){
if(d != "查无数据"){
querydata = d;
updata(d);
$(".chawushuj").hide();
if(data.eventView.groupBy.length > 0){
$(".table-info-list-box").show();
}else {
$(".table-info-list-box").hide();
}
}else {
$("#analysis-echarts").empty();
$(".table-fenxi-th").html("");
$(".table-fenxi-td").html("");
$(".chawushuj").show();
}
})
};
$(document).off('click','.analysis-savereport').on('click','.analysis-savereport',function(){
if(baobiaodata != '' && baobiaodata != undefined && baobiaodata != null){
baobiaodata['saveas']= 0;
X.parametersopen(baobiaodata,'savereport','auto');
}else{
X.parametersopen(data,'savereport','auto');
}
});
//另存为
$(document).off('click','.analysis-saveas').on('click','.analysis-saveas',function(){
baobiaodata['saveas']= 1;
X.parametersopen(baobiaodata,'savereport','auto');
});
$(document).off('click','.analysis-navigation-bar-right-img-baobiao').on('click','.analysis-navigation-bar-right-img-baobiao',function(){
X.parametersopen(data['eventView']['cksql'],'savedbaobiao','rt',function(d){
if(d){
backfilldata(d);
}
})
});
var baobiaodata;//以存报表数据
function backfilldata(d){
data = d.query;
baobiaodata = d;
var time = $("#retained-condition-date").val();
var timearr = time.split(" ");
data['eventView']['startTime'] = timearr[0] + " "+"00:00:00";
data['eventView']['endTime'] = timearr[2]+" "+"23:59:59";
X.template("event","initial-event",data['events'][0]);
X.template("returnvisitevent","returnvisit-event",data['events'][1]);
X.template("globalfilter","xinwei-whole",data['eventView']['filts'],function(){
renderdate();
});
X.template("grouped","shushi",data['eventView']['groupBy']);
retaineddata();
};
function updata(d){
var title = $(".select-chart").attr("title");
if(title == '数据报表'){ $(".table-div-box").show(); $(".analysis-echarts").hide(); retainedtable(d)}
else if(title == '第N日留存'){ $(".table-div-box").hide(); $(".analysis-echarts").show(); retainednRetained(d) }
else if(title == '每日留存'){ $(".table-div-box").hide(); $(".analysis-echarts").show(); retaineddayRetained(d) }
};
//数据报表渲染
function retainedtable(d){
var nname,pname
if(retentiontype == 0) {
nname = 'n';
pname = 'p';
}else {
nname = 'n_outflow';
pname = 'p_outflow';
}
var tabledata=[];
for(let i in d['summary_values']){
var arr = {
date: i,
d0:d['summary_values'][i]['d0'],
data:[]
}
for(let j in d['summary_values'][i]["n"]){
var nrr = {
n:0,
p:0
}
nrr["n"] = d['summary_values'][i][nname][j];
nrr["p"] = d['summary_values'][i][pname][j]
arr['data'].push(nrr);
}
tabledata.push(arr)
}
X.laytpldata("#table-fenxi-th-dot",d.title,".table-fenxi-th");
X.laytpldata("#table-fenxi-td-dot",tabledata,".table-fenxi-td");
};
// 每日留存
function retaineddayRetained(d){
var arr = {};
var xAxisData=[];
var seriesData=[];
var legenddata = [];
if(jQuery.isEmptyObject(d.values)){
legenddata = d.date_range;
for(let i in d['days']){
var tit = "第" + i + "日";
xAxisData.push(tit);
}
for(let i in d['summary_values']){
var arr = {
name: i,
type: 'line',
data: d['summary_values'][i]['p']
}
seriesData.push(arr);
}
}else {
var timearr = [];
for(let i in d.values){
timearr.push(i);
for(let j in d.values[i]){
if(arr[j]){
arr[j][i] = d.values[i][j]['p'];
}else {
arr[j]=[];
arr[j][i] = d.values[i][j]['p'];
}
}
}
var ydata = {};
for(let j in arr){
if(!ydata[j]){
ydata[j] = [];
}
for( let i in timearr ){
ydata[j].push("");
for(let z in arr[j]){
if(timearr[i] == z){
var index = arr[j][z].length - 1;
ydata[j][i] =arr[j][z][index];
}
}
}
}
// for(let i in ydata){
// legenddata.push(i);
// var arr = {
// name: i,
// type: 'line',
// data: ydata[i]
// }
// seriesData.push(arr)
// }
}
return;
var myChart = echarts.init(document.getElementById('analysis-echarts'));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: legenddata,
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: xAxisData
}
],
yAxis: [
{
type: 'value'
}
],
series: seriesData
};
myChart.setOption(option,true);
};
// 第N日留存
function retainednRetained(d){
var nname,pname
if(retentiontype == 0) {
nname = 'n';
pname = 'p';
}else {
nname = 'n_outflow';
pname = 'p_outflow';
}
var arr = {};
var legenddata = [];
var seriesData = [];
if(jQuery.isEmptyObject(d.values)){
var arr = []
for(let i in d['summary_values']){
var index = d['summary_values'][i][pname].length - 1;
legenddata.push(i);
arr.push(d['summary_values'][i][pname]);
}
d.title.splice(0,1);
xAxisData = d.title;
for(let i in arr){
var drr = {
name: d.date_range[i],
type: 'line',
data: arr[i]
}
seriesData.push(drr);
}
}else {
var timearr = [];
for(let i in d.values){
timearr.push(i);
for(let j in d.values[i]){
if(arr[j]){
arr[j][i] = d.values[i][j][pname];
}else {
arr[j]=[];
arr[j][i] = d.values[i][j][pname];
}
}
}
var ydata = {};
for(let j in arr){
if(!ydata[j]){
ydata[j] = [];
}
for( let i in timearr ){
ydata[j].push("");
for(let z in arr[j]){
if(timearr[i] == z){
var index = arr[j][z].length - 1;
ydata[j][i] =arr[j][z][index];
}
}
}
}
for(let i in ydata){
legenddata.push(i);
var arr = {
name: i,
type: 'line',
data: ydata[i]
}
seriesData.push(arr)
}
}
var selected = {};//线多的话默认显示5条
if(legenddata.length > 5){
for(let i in legenddata){
if(i < 5){
selected[legenddata[i]] = true;
}else {
selected[legenddata[i]] = false;
}
}
}
var myChart = echarts.init(document.getElementById('analysis-echarts'));
var option = {
title: {
text: ''
},
color: X.DATA.echartscolor,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
type:'scroll',
data: legenddata,
selected:selected
},
grid: {
left: '2%',
right: '2%',
bottom: '2%',
top: '10%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: d.date_range
}
],
yAxis: [
{
type: 'value'
}
],
series: seriesData
};
myChart.setOption(option,true);
};
$(document).off('click','.analtsis-chart-switch').on('click','.analtsis-chart-switch',function(){
if(querydata){
$('.analtsis-chart-switch-box .analtsis-chart-switch').removeClass('select-chart');
$(this).addClass('select-chart');
if($(this).attr('title') == '数据报表'){ $(".table-div-box").show(); $(".analysis-echarts").hide(); retainedtable(querydata)}
else if($(this).attr('title') == '第N日留存'){ $(".table-div-box").hide(); $(".analysis-echarts").show(); retainednRetained(querydata) }
else if($(this).attr('title') == '每日留存'){ $(".table-div-box").hide(); $(".analysis-echarts").show(); retaineddayRetained(querydata) }
}else{
layer.msg('请先计算数据,在切换图表');
}
});
//显示设置
$(document).off('click','.analtsis-condition-xssz').on('click','.analtsis-condition-xssz',function(){
var obj = $(this);
var offset = obj.offset();
// offset.left,offset.top+obj.height()
$(".showsetup-box").show();
$(".showsetup-down-box").css('top',offset.top+obj.height());
$(".showsetup-down-box").css('left',offset.left-211);
layui.form.val('showsetupexample',{
'showsetup': data['eventView']['filter_item_type']
})
});
$(document).off('click','.showsetup-box-zz').on('click','.showsetup-box-zz',function(){
$(".showsetup-box").hide();
});
layui.form.on('radio(showsetup)', function(val){
if(val.value == 'date'){
$(".showsetup-edit").show();
$(".showsetup-bianji-show-box-type").show();
var value = $(".showsetup-bianji-input-box textarea").val();
var valarr = value.split(',');
valarr.sort(function(a, b){return a - b});
var listarr = unique(valarr);
data['eventView']['filter_item'] = listarr;
X.laytpldata("#showsetup-bianji-show-box-dot",listarr,".showsetup-bianji-show-box");
}else {
$(".showsetup-edit").hide();
$(".showsetup-wancheng").hide();
$(".showsetup-bianji-show-box-type").hide();
$(".showsetup-bianji-input-box-type").hide();
}
data['eventView']['filter_item_type'] = val.value;
if(querydata){
retainedtable(querydata)
}
});
$(document).off('click','.showsetup-edit').on('click','.showsetup-edit',function(){
$(".showsetup-edit").hide();
$(".showsetup-wancheng").show();
$(".showsetup-bianji-show-box-type").hide();
$(".showsetup-bianji-input-box-type").show();
});
$(document).off('click','.showsetup-wancheng').on('click','.showsetup-wancheng',function(){
$(".showsetup-edit").show();
$(".showsetup-wancheng").hide();
$(".showsetup-bianji-show-box-type").show();
$(".showsetup-bianji-input-box-type").hide();
var value = $(".showsetup-bianji-input-box textarea").val();
var valarr = value.split(',');
valarr.sort(function(a, b){return a - b});
var listarr = unique(valarr);
data['eventView']['filter_item'] = listarr;
X.laytpldata("#showsetup-bianji-show-box-dot",listarr,".showsetup-bianji-show-box");
if(querydata){
retainedtable(querydata)
}
});
function unique (arr) {
return Array.from(new Set(arr))
};
// 返回
$(document).off('click','.analysis-fanhui').on('click','.analysis-fanhui',function(){
X.gourl("dashboard");
// return;
});
// 下载
$(document).off('click','.download-table').on('click','.download-table',function(){
X.download('ck/retention_model_export',data,'事件分析');
});
$(document).off("click",'.table-info-list-box').on('click','.table-info-list-box',function(){
var time = $(this).attr("data-time");
const dataArr = {
eventView: data.eventView,
events: data.events,
time:time,
type: 'retained',
retentiontype: retentiontype
}
X.parametersopen(dataArr,'grouptable','auto')
});
}
};
})();