diff options
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js')
| -rw-r--r-- | usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js | 231 |
1 files changed, 0 insertions, 231 deletions
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js deleted file mode 100644 index c98336e0..00000000 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js +++ /dev/null @@ -1,231 +0,0 @@ -/* - Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - */ - -app.controller('alarmchartCtrl', ['$scope', '$http', '$routeParams', '$window', - function ($scope, $http, $routeParams, $window) { - $scope.chartShow = false; - $scope.valuess = []; - $scope.ndaShow = false; - $scope.hdaShow = false; - $scope.sourceId = ""; - $scope.hourshow = false; - $scope.dayshow = true; - $scope.today = function () { - $scope.startTime = new Date(); - $scope.endTime = new Date(); - $http({ - method: "GET", - url: global_url + "/alarm/sourceId", - headers: { - 'Access-Control-Allow-Origin': "*", - "Content-Type": "application/json" - } - }).then(function successCallback(resp) { - $scope.sourceIds = resp.data; - }, function errorCallback(resp) { - - }); - }; - $scope.today(); - - $scope.genDiagram = function () { - $http({ - method: 'POST', - url: global_url + "/alarm/diagram", - data: { - "sourceId": $scope.sourceId, - "startTime": FormatDate($scope.startTime), - "endTime": FormatDate($scope.endTime), - "format" : ($scope.showModeId==undefined?"auto":$scope.showModeId) - }, - headers: {'Content-Type': 'application/x-www-form-urlencoded'}, - transformRequest: function (obj) { - var str = []; - for (var p in obj) { - str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); - } - return str.join("&"); - } - }).then(function successCallback(resp) { - console.log(resp); - $scope.chartShow = true; - if (resp.data.allList){ - $scope.ndaShow = false; - $scope.hdaShow = true; - drawAlarmLine(resp.data,alarmChart); - } - else{ - $scope.ndaShow = true; - $scope.hdaShow = false; - } - - - }, function errorCallback(resp) { - - }); - } - $scope.showModeIdChanged = function(){ - - if($scope.showModeId == 'hour'){ - // console.log(typeof($scope.startTime)) - // console.log(String($scope.startTime)) - var str = String($scope.startTime); - var str2 = String($scope.endTime); - $scope.startTime = new Date(str.replace(/\:[0-9]{2}\:/,':00:')); - $scope.endTime = new Date(str2.replace(/\:[0-9]{2}\:/,':00:')); - $scope.hourshow = true; - $scope.dayshow = true; - }else if($scope.showModeId == 'day'){ - $scope.hourshow = false; - $scope.dayshow = true; - }else if($scope.showModeId == 'month'){ - $scope.hourshow = false; - $scope.dayshow = false; - } - - } - $scope.startTimeChanged = function () { - - if ($scope.startTime > $scope.endTime) - $scope.endTime = ""; - }; - $scope.endTimeChanged = function () { - if ($scope.endTime < $scope.startTime) - $scope.startTime = ""; - }; - - $scope.open1 = function () { - $scope.popup1.opened = true; - }; - - $scope.open2 = function () { - $scope.popup2.opened = true; - }; - - $scope.popup1 = { - opened: false - }; - - $scope.popup2 = { - opened: false - }; - - $scope.showModeIds = ["hour","day","month"]; - $scope.showModeId = 'day'; - function FormatDate(strTime) { - var date = new Date(strTime); - if($scope.showModeId == 'hour'){ - return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() - } - if($scope.showModeId == 'day'){ - return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() - } - if($scope.showModeId == 'month'){ - return date.getFullYear() + "-" + (date.getMonth() + 1) - } - - // return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes(); - } - // 获取折线图盒子 - var alarmChart = echarts.init(document.getElementById("alarmChart")); - - function drawAlarmLine(data,myChart){ - var names = Object.keys(data); - var myseries = []; - names.forEach(function (item) { - if(item != 'dateList'){ - myseries.push({ - name: item, - type: 'line', - symbol: 'circle', - symbolSize: 10, - data: data[item] - }) - } - }) - var options = { - tooltip: { - trigger: 'axis', - formatter: function(params) { - var res = '<p>' + params[0].name + '</p>' + '<div>'; - // console.log(params); - for (var i = 0; i < params.length; i++) { - res += '<span></span>' + params[i].seriesName + ' : ' + params[i].value + '</br>'; - } - res += '</div>'; - return res; - } - }, - legend: { - data: names, - top: 10, - icon: 'rect', - itemWidth: 10, - itemHeight: 10 - }, - grid: { - left: '3%', - right: '5%', - bottom: '5%', - top: '15%', - containLabel: true - }, - xAxis: { - type: 'category', - name: 'Time', - boundaryGap: false, - data: data.dateList, - axisLabel:{ - formatter:function(value){ - if($scope.showModeId == 'day'){ - return value.slice(5,10) - }else if($scope.showModeId == 'hour'){ - return value.slice(5,16) - }else if($scope.showModeId == 'month'){ - return value.slice(2,7) - } - } - }, - axisLine: { - symbol: ['none', 'arrow'], - symbolOffset: [0, 12] - }, - axisTick: { - show: false - }, - splitLine: { - show: true - } - }, - yAxis: { - type: 'value', - name: 'Num', - // max: 3, - axisLine: { - symbol: ['none', 'arrow'], - symbolOffset: [0, 12] - }, - axisTick: { - show: false - } - }, - color: ['blue', 'orange', 'red', 'pink','gray','purple'], - series: myseries - } - myChart.setOption(options, true); - } - // drawAlarmLine(data,alarmChart) - }]); |