diff --git a/web/pages/analysis.html b/web/pages/analysis.html index 21a88a7..82696e8 100644 --- a/web/pages/analysis.html +++ b/web/pages/analysis.html @@ -252,7 +252,7 @@
{{index}}
-
{{item.event_desc}}
+
{{item.event_desc}}
{{item.event_attr}}
{{# if(item.event_attr_id != "*"){ }} @@ -370,6 +370,13 @@
+ {{# if(item.is_show){ }} +
+ {{# } else { }} +
+ {{# } }} + +
diff --git a/web/src/x.min.js b/web/src/x.min.js index 82940de..ac86c65 100644 --- a/web/src/x.min.js +++ b/web/src/x.min.js @@ -800,7 +800,9 @@ var X = window.X || { X.eventchart = function(data,callback){ var legenddata=[]; + var legendnamearr = []; for(let i in data){ + legendnamearr.push(data[i]['event_name']) for(let z in data[i]['groups']){ var pj = data[i]['event_name']+data[i]['groups'][z]; legenddata.push(pj); @@ -866,11 +868,12 @@ var X = window.X || { chain_ratiotype = '-' } } - + console.log(legendnamearr); var dataArr = { xAxisData:data[0]['date_range'], legenddata:legenddata, seriesData:seriesData, + legendnamearr:legendnamearr, selected:selected, date:date, sum:sum, @@ -3437,7 +3440,8 @@ var X = window.X || { "customEvent":'', "eventNameDisplay":'',//重命名指标 "format":'float', - "formatname":'两位小数' + "formatname":'两位小数', + "is_show" : true } data.events.push(defaultindicator); updataindex(data.events); @@ -3559,6 +3563,15 @@ var X = window.X || { }) }); + // 显示隐藏 + $(document).off("click",".analysis-isshow-click").on("click",".analysis-isshow-click",function(){ + var index = $(this).attr("data-index"); + var type = $(this).attr("data-type"); + var isshow = (type == "true") ? false : true; + data['events'][index]['is_show'] = isshow; + updataindex(data.events); + }); + // 切换为指标公式或组合 $(document).off('click','.analysis-gongshi').on('click','.analysis-gongshi',function(){ var index = $(this).attr("data-index"); @@ -3617,9 +3630,6 @@ var X = window.X || { obj.html(htmlstring); data['events'][index]['event_desc'] = val.id; data['events'][index]['event_name'] = val.name; - - - }) }); //设置一级事件中第二个参数 @@ -3799,7 +3809,8 @@ var X = window.X || { "customEvent":'', "eventNameDisplay":'',//重命名指标 "format":'float', - "formatname":'两位小数' + "formatname":'两位小数', + "is_show": true } data['events'].push(defaultindicator); @@ -6535,9 +6546,9 @@ var X = window.X || { } }, color: X.DATA.echartscolor, - // legend: { - // data: legendData - // }, + legend: { + // data: eventdata['legendnamearr'], + }, grid: { left: '2%', right: '2%', diff --git a/web/srczip/common.js b/web/srczip/common.js index 3622272..3060a4b 100644 --- a/web/srczip/common.js +++ b/web/srczip/common.js @@ -799,7 +799,9 @@ var X = window.X || { X.eventchart = function(data,callback){ var legenddata=[]; + var legendnamearr = []; for(let i in data){ + legendnamearr.push(data[i]['event_name']) for(let z in data[i]['groups']){ var pj = data[i]['event_name']+data[i]['groups'][z]; legenddata.push(pj); @@ -865,11 +867,12 @@ var X = window.X || { chain_ratiotype = '-' } } - + console.log(legendnamearr); var dataArr = { xAxisData:data[0]['date_range'], legenddata:legenddata, seriesData:seriesData, + legendnamearr:legendnamearr, selected:selected, date:date, sum:sum, diff --git a/web/srczip/logic/analysis.js b/web/srczip/logic/analysis.js index e4d6427..9ca6b07 100644 --- a/web/srczip/logic/analysis.js +++ b/web/srczip/logic/analysis.js @@ -80,7 +80,8 @@ "customEvent":'', "eventNameDisplay":'',//重命名指标 "format":'float', - "formatname":'两位小数' + "formatname":'两位小数', + "is_show" : true } data.events.push(defaultindicator); updataindex(data.events); @@ -202,6 +203,15 @@ }) }); + // 显示隐藏 + $(document).off("click",".analysis-isshow-click").on("click",".analysis-isshow-click",function(){ + var index = $(this).attr("data-index"); + var type = $(this).attr("data-type"); + var isshow = (type == "true") ? false : true; + data['events'][index]['is_show'] = isshow; + updataindex(data.events); + }); + // 切换为指标公式或组合 $(document).off('click','.analysis-gongshi').on('click','.analysis-gongshi',function(){ var index = $(this).attr("data-index"); @@ -260,9 +270,6 @@ obj.html(htmlstring); data['events'][index]['event_desc'] = val.id; data['events'][index]['event_name'] = val.name; - - - }) }); //设置一级事件中第二个参数 @@ -442,7 +449,8 @@ "customEvent":'', "eventNameDisplay":'',//重命名指标 "format":'float', - "formatname":'两位小数' + "formatname":'两位小数', + "is_show": true } data['events'].push(defaultindicator); diff --git a/web/srczip/logic/dashboard.js b/web/srczip/logic/dashboard.js index ac39e85..9996e1f 100644 --- a/web/srczip/logic/dashboard.js +++ b/web/srczip/logic/dashboard.js @@ -1144,9 +1144,9 @@ } }, color: X.DATA.echartscolor, - // legend: { - // data: legendData - // }, + legend: { + // data: eventdata['legendnamearr'], + }, grid: { left: '2%', right: '2%', diff --git a/web/static/css/analysis.css b/web/static/css/analysis.css index 61e64a2..bf20c0f 100644 --- a/web/static/css/analysis.css +++ b/web/static/css/analysis.css @@ -82,7 +82,7 @@ .analysis-con-left-screen-list-right-box { display: none; } .analysis-con-left-screen-list-right { margin-right: 8px; display: flex; justify-content: space-between; align-items: center; } -.analysis-con-left-screen-list-right div { width: 24px; height: 24px; border-radius: 2px; margin-left: 8px; cursor: pointer;} +.analysis-con-left-screen-list-right div { width: 24px; height: 24px; border-radius: 2px; margin-left: 8px; cursor: pointer; background-position: 4px 4px !important;} .analysis-con-left-screen-list-right div:hover { background-color: #f0f2f5; } .analysis-chongmingming { background: url("../img/chongmingming.png") no-repeat; } .analysis-chongmingming-del { background: url("../img/cha1.png") no-repeat; display: none;} @@ -93,6 +93,8 @@ .analysis-fuzhi { background: url("../img/fuzhi.png") no-repeat; } .analysis-del { background: url("../img/del.png") no-repeat;} .analysis-zuhe { background: url("../img/zuhe.png") no-repeat !important; } +.analysis-isshow { background: url("../img/isshow.png") no-repeat ; } +.analysis-ishide { background: url("../img/ishide.png") no-repeat ; } .analysis-con-left-screen-list-left-zhibiaoname { display: none; color: #42546d; height: 24px; margin-left: 32px; padding-bottom: 8px; font-weight: 500; font-size: 13px; line-height: 24px; border: 0px ; } .analysis-con-left-screen-list-left-zhibiaoname input { color: #42546d; border: 0; background-color: rgba(0, 0, 0, 0); } .analysis-con-left-screen-list-left-zhibiaoname2 { border-bottom: 1px solid #f0f0f0; display: block; color: #42546d; height: 24px; margin-left: 7px; padding-bottom: 8px; font-weight: 500; font-size: 13px; line-height: 24px; border: 0px ; } diff --git a/web/static/img/ishide.png b/web/static/img/ishide.png new file mode 100644 index 0000000..13f5139 Binary files /dev/null and b/web/static/img/ishide.png differ diff --git a/web/static/img/isshow.png b/web/static/img/isshow.png new file mode 100644 index 0000000..ffc668b Binary files /dev/null and b/web/static/img/isshow.png differ