zuel-itsm-3.0.2/assets/js/controllers/report/incident_reportCtrl.js

"use strict";
app.controller("incident_reportCtrl", [
  "$scope",
  "$rootScope",
  "$state",
  "$timeout",
  "$interval",
  "$http",
  "$cookieStore",
  "SweetAlert",
  "Restangular",
  "api_report",
  "api_statistic",
  "moment",
  "api_user_data",
  "api_bpm_data",
  "api_report_data",
  function (
    $scope,
    $rootScope,
    $state,
    $timeout,
    $interval,
    $http,
    $cookieStore,
    SweetAlert,
    Restangular,
    api_report,
    api_statistic,
    moment,
    api_user_data,
    api_bpm_data,
    api_report_data
  ) {
    // 选择日期：
    $scope.dateSelected = [
      {
        name: "近90天",
        id: 0,
      },
      {
        name: "近1年",
        id: 1,
      },
      {
        name: "近3年",
        id: 2,
      },
      {
        name: "近5年",
        id: 3,
      },
    ];
    $scope.tap = "QSFX";
    $scope.tap1 = "flqs";
    $scope.searchkeys = {}; //搜索条件
    $scope.area_place = {}; //搜索条件
    $scope.dateChoose = {}; //选择日期组件存储值
    $scope.BTdata;
    var weeks = new Date().getDay();
    $scope.starttimes = moment(
      new Date().getTime() - 86400000 * (weeks + 6 - 1)
    ).format("YYYY-MM-DD 00:00:00");
    $scope.endtimes = moment(
      new Date().getTime() - 86400000 * (weeks - 1)
    ).format("YYYY-MM-DD 23:59:59");
    $scope.changeForm = function (paramDateFrom) {
      $scope.starttimes = moment(paramDateFrom).format("YYYY-MM-DD 00:00:00");
    };
    $scope.changeTo = function (paramDateTo) {
      $scope.endtimes = moment(paramDateTo).format("YYYY-MM-DD 23:59:59");
    };
    // 日期重置
    $scope.dateReset = function () {
      if ($scope.tap == "QSFX") {
        $scope.searchkeys.startTime = moment(new Date())
          .subtract(6, "months")
          .startOf("month")
          .format("YYYY-MM-DD 00:00:00");
        $scope.searchkeys.endTime = moment(new Date())
          .subtract(1, "months")
          .endOf("month")
          .format("YYYY-MM-DD 23:59:59");
      } else if ($scope.tap == "YWBB") {
        $scope.searchkeys.startTime = moment(new Date())
          .subtract(30, "days")
          .format("YYYY-MM-DD 00:00:00");
        $scope.searchkeys.endTime = moment(new Date())
          .subtract(1, "days")
          .format("YYYY-MM-DD 23:59:59");
        $scope.YWBB_searchKeys.startTime = $scope.searchkeys.startTime;
        $scope.YWBB_searchKeys.endTime = $scope.searchkeys.endTime;
      } else if ($scope.tap == "FLBB") {
        $scope.searchkeys.startTime = moment(
          new Date().getTime() - 86400000 * (weeks + 6 - 1)
        ).format("YYYY-MM-DD 00:00:00");
        $scope.searchkeys.endTime = moment(
          new Date().getTime() - 86400000 * (weeks - 1)
        ).format("YYYY-MM-DD 23:59:59");
      } else if ($scope.tap == "LYBB") {
        $scope.searchkeys.startTime = moment(
          new Date().getTime() - 86400000 * (weeks + 6 - 1)
        ).format("YYYY-MM-DD 00:00:00");
        $scope.searchkeys.endTime = moment(
          new Date().getTime() - 86400000 * (weeks - 1)
        ).format("YYYY-MM-DD 23:59:59");
      }
    };
    // $scope.searchkeys.startTime = $scope.starttimes;
    // $scope.searchkeys.endTime = $scope.endtimes;
    $scope.dateReset();
    console.log($scope.searchkeys.startTime, $scope.searchkeys.endTime);
    // 运维报表搜索条件：
    $scope.YWBB_searchKeys = {
      startTime: $scope.searchkeys.startTime,
      endTime: $scope.searchkeys.endTime,
    };
    // n天前
    $scope.GetDateStr = function (AddDayCount) {
      var dd = new Date();
      dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期
      var y = dd.getFullYear();
      var m =
        dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1; //获取当前月份的日期，不足10补0
      var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate(); //获取当前几号，不足10补0
      return y + "-" + m + "-" + d;
    };
    //上周
    $scope.week = function () {
      $scope.searchstate = "week";
      var weeks = new Date().getDay();
      $scope.starttimes = moment(
        new Date().getTime() - 86400000 * (weeks + 6)
      ).format("YYYY-MM-DD");
      $scope.endtimes = moment(new Date().getTime() - 86400000 * weeks).format(
        "YYYY-MM-DD"
      );
      $scope.searchkeys.startTime = $scope.starttimes;
      $scope.searchkeys.endTime = $scope.endtimes;
    };
    //上月
    $scope.month = function () {
      $scope.searchstate = "month";
      $scope.starttimes = moment(
        new Date(moment().startOf("month")).setMonth(new Date().getMonth() - 1)
      ).format("YYYY-MM-DD");
      $scope.endtimes = moment(
        new Date(moment().startOf("month")).setMonth(new Date().getMonth()) -
          86400000
      ).format("YYYY-MM-DD");
      $scope.searchkeys.startTime = $scope.starttimes;
      $scope.searchkeys.endTime = $scope.endtimes;
    };
    //今年（1月1日-至今）
    $scope.year = function () {
      $scope.searchstate = "year";
      $scope.starttimes = moment()
        .startOf("year")
        .format("YYYY-MM-DD 00:00:00");
      $scope.endtimes = moment().format("YYYY-MM-DD 23:59:59");
      $scope.searchkeys.startTime = $scope.starttimes;
      $scope.searchkeys.endTime = $scope.endtimes;
    };
    // 近n年
    $scope.nearYear = function (n) {
      $scope.searchkeys.startTime = moment()
        .subtract(n, "years")
        .format("YYYY-MM-DD 00:00:00");
      $scope.searchkeys.endTime = $scope.endtimes;
      console.log($scope.searchkeys.startTime, $scope.searchkeys.endTime);
    };
    /**
     *日历
     */
    $scope.open = function ($event) {
      $event.preventDefault();
      $event.stopPropagation();

      $scope.opened = !$scope.opened;
    };
    $scope.endOpen = function ($event) {
      $event.preventDefault();
      $event.stopPropagation();
      $scope.startOpened = false;
      $scope.endOpened = !$scope.endOpened;
    };
    $scope.startOpen = function ($event) {
      $event.preventDefault();
      $event.stopPropagation();
      $scope.endOpened = false;
      $scope.startOpened = !$scope.startOpened;
    };
    
    //选择类型
    $scope.active = function (name) {
      $scope.dateChoose.dateSelected = {};
      $scope.deleteKey($scope.select_treedata);
      $scope.deleteKey($scope.my_data);
      $scope.select_treedata = angular.copy($scope.select_treedata);
      $scope.my_data = angular.copy($scope.my_data);
      console.log($scope.searchkeys);
      if ($scope.searchkeys.placeId) {
        delete $scope.searchkeys.placeId;
      }
      if ($scope.searchkeys.areaId) {
        delete $scope.searchkeys.areaId;
      }
      $scope.tap = name;
      // $scope.searchkeys.startTime = moment($scope.searchkeys.startTime).format(
      //   "YYYY-MM-DD 00:00:00"
      // );
      // $scope.searchkeys.endTime = moment($scope.searchkeys.endTime).format(
      //   "YYYY-MM-DD 23:59:59"
      // );
      $scope.dateReset();
      if ($scope.tap == "QSFX") {
        $scope.tap1 = "flqs";
        $scope.area_place = {};
        setTimeout(function () {
          $scope.SLQS_Data($scope.searchkeys);
          $scope.FLQS_Data1($scope.searchkeys);
        }, 500);
      } else if ($scope.tap == "YWBB") {
        $scope.area_place = {};
        setTimeout(function () {
          // barechart2();
          barechart3();
          // barechart6()
          // barechart7()
          // barechart8()
          // barechart9();
          $scope.YWXL_Data();
          $scope.YWXQ_Data();
          $scope.YWMYD_Data();
          $scope.YWTop_Data();
        }, 500);
      } else if ($scope.tap == "FLBB") {
        $scope.area_place = {};
        setTimeout(function () {
          $scope.FLTJ_Data($scope.searchkeys);
          $scope.FLQST_Data($scope.searchkeys);
          $scope.QYFL_Data($scope.searchkeys);
        }, 500);
      } else if ($scope.tap == "LYBB") {
        $scope.area_place = {};
        setTimeout(function () {
          $scope.LYQS_Data($scope.searchkeys);
          $scope.LYTJ_Data($scope.searchkeys);
        }, 500);
      }
    };
    //选择类型1
    $scope.active1 = function (name) {
      $scope.tap1 = name;
      if ($scope.tap1 == "flxq") {
        setTimeout(function () {
          // barechart();

          $scope.FLQS_Data($scope.searchkeys);
        }, 500);
      } else if ($scope.tap1 == "flqs") {
        setTimeout(function () {
          // barechart2();
          $scope.FLQS_Data1($scope.searchkeys);
        }, 500);
      }
    };
    // 请求人
    api_user_data
      .fetchDataList("requester", {
        idx: 0,
        sum: 10,
      })
      .then(function (response) {
        if (response) {
          if ((response.status = 200)) {
            $scope.requester = response.list;
          }
        }
      });
    //区域地点过滤
    $scope.key = {};
    api_user_data
      .fetchDataList("area", {
        idx: 0,
        sum: 1000,
      })
      .then(function (data) {
        if (data) {
          if ((data.status = 200)) {
            $scope.outarea = data.list;
          }
        }
      });
    //地点区域过滤
    $scope.onChangearea = function (data) {
      // delete $scope.searchkeys.place;
      // if ($scope.memoryfilterData.incident) {
      //     delete $scope.memoryfilterData.incident.place;
      // }
      console.log(data);
      $scope.searchkeys["areaId"] = data.areaId.id;
      var fildata = {
        idx: 0,
        sum: 1000,
        place: {
          area: {
            id: data.areaId.id,
          },
        },
      };
      api_user_data.fetchDataList("place", fildata).then(function (response) {
        if (response) {
          if ((response.status = 200)) {
            $scope.outplace = response.list;
          }
        }
      });
      console.log($scope.searchkeys);
    };
    // 地点筛选
    $scope.onChangeplace = function (key) {
      console.log(key);
      // $scope.searchkeys['areaId']=key.areaId.id
      if ($scope.searchkeys.areaId) {
        delete $scope.searchkeys.areaId;
      }
      $scope.searchkeys["placeId"] = key.placeId.id;
      console.log($scope.searchkeys);
    };
    // 选择日期
    $scope.onChangeDate = function (s) {
      switch (s) {
        case 0:
          // 最近90天
          console.log("最近90天");
          $scope.searchkeys.startTime = $scope.GetDateStr(-90);
          break;
        case 1:
          // 最近一年
          console.log("最近一年");
          $scope.nearYear(1);
          break;
        case 2:
          // 最近三年
          console.log("最近三年");
          $scope.nearYear(3);
          break;
        case 3:
          // 最近五年
          console.log("最近五年");
          $scope.nearYear(5);
          break;
      }
    };
    //树形控件加载
    $scope.my_tree = {};
    $scope.try_async_load = function () {
      $scope.my_data = [];
      $scope.doing_async = true;
      api_bpm_data
        .fetchDataList("incidentcategory", {
          idx: 0,
          sum: 1000,
        })
        .then(function (response) {
          if (response.status == 200) {
            var data = response.list;
            var objects = [];
            for (var i = 0; i < data.length; i++) {
              var object = {};
              object.id = data[i].id;
              if (data[i].parent && data[i].parent.id != 0) {
                object.parent = data[i].parent.id;
              }
              object.label = data[i].category;
              objects.push(object);
            }
            $scope.my_data = convertParentToChildList(objects);
            $scope.tree_data = angular.copy($scope.my_data);
            if ($scope.my_data.length > 0) {
              $scope.doing_async = false;
            }
            // return $scope.my_tree.expand_all()
          } else {
            SweetAlert.swal({
              title: "系统错误!",
              text: "请刷新重试!",
              type: "error",
            });
          }
        });
    };

    function convertListToTree(data, treeMap) {
      var idToNodeMap = {}; //Keeps track of nodes using id as key, for fast lookup
      var root = null; //Initially set our loop to null
      var parentNode = null;
      //loop over data
      for (var i = 0; i < data.length; i++) {
        var datum = data[i];
        //each node will have children, so let's give it a "children" poperty
        datum.children = [];

        //add an entry for this node to the map so that any future children can
        //lookup the parent
        idToNodeMap[datum.id] = datum;

        //Does this node have a parent?
        if (typeof datum.parent === "undefined" || datum.parent == null) {
          //Doesn't look like it, so this node is the root of the tree
          root = datum;
          treeMap[datum.id] = root;
        } else {
          //This node has a parent, so let's look it up using the id
          parentNode = idToNodeMap[datum.parent];

          //We don't need this property, so let's delete it.
          delete datum.parent;

          //Let's add the current node as a child of the parent node.
          parentNode.children.push(datum);
        }
      }
      return root;
    }

    function convertParentToChildList(data) {
      var treeMap = {};
      var list = [];
      convertListToTree(data, treeMap);
      angular.forEach(treeMap, function (item) {
        list.push(item);
      });
      return list;
    }
    // $scope.my_tree = tree = {};
    $scope.try_async_load1 = function () {
      $scope.my_data1 = [];
      $scope.select_treedata = [];
      $scope.doing_async = true;
      api_user_data
        .fetchDataList("group", {
          idx: 0,
          sum: 1000,
          group: {
            selectType: "nouser",
          },
        })
        .then(function (data) {
          $scope.select_treedata = $scope.my_data1 =
            //
            convertParentToChildList(data["list"]);
          $scope.doing_async = false;
          // tree.expand_all();
          //console.log(treelist);
        });
    };
    $scope.try_async_load();
    $scope.try_async_load1();

    // 一、运维报表：

    // 事件类型选择：
    $scope.onFilterCategary = function (item) {
      $scope.YWBB_searchKeys.categoryId = item.id;
    };
    $scope.onFilterGroup = function (item) {
      console.log(item);
      $scope.YWBB_searchKeys.groupId = item.id;
    };
    // 图表1、事件运维效率
    $scope.YWXL_Data = function () {
      api_report_data
        .reportsData("incident_operations_efficiency", $scope.YWBB_searchKeys)
        .then(function (data) {
          $scope.YWXL_Datas = data;
          barechart2(data);
        });
    };
    // 图表2、事件运维详情
    $scope.YWXQ_Data = function () {
      api_report_data
        .reportsData("incident_operations_details", $scope.YWBB_searchKeys)
        .then(function (data) {
          // $scope.YWXL_Datas = data;
          // 响应饼图
          barechart6(data.response);
          // 解决饼图
          barechart7(data.solve);
          // 柱状图
          //   barechart8(data.barGraph);
          if (data.barGraph) {
            data.barGraph.ontimesolvePercentage = []; //按时解决率seimin
            data.barGraph.overtimesolvePercentage = []; //逾期解决率seimin
            data.barGraph.ontimesolve.forEach((v, i) => {
              data.barGraph.ontimesolvePercentage[i] =
                ((data.barGraph.ontimesolve[i] * 100) /
                (data.barGraph.ontimesolve[i] + data.barGraph.overtimesolve[i])).toFixed(2);
              data.barGraph.overtimesolvePercentage[i] =
                ((data.barGraph.overtimesolve[i] * 100) /
                (data.barGraph.ontimesolve[i] + data.barGraph.overtimesolve[i])).toFixed(2);
            });
          }
          console.log(data.barGraph);
          barechart8_1(data.barGraph);
          barechart8_2(data.barGraph);
          barechart8_3(data.barGraph);
        });
    };

    //事件趋势分析报表
    //数量趋势分析 图1
    $scope.SLQS_Data = function (data) {
      api_report_data.reportsData("incident_trend", data).then(function (data) {
        console.log(data);
        if (data) {
          $scope.SLQS_Datas = data;
          // console.log($scope.LYQS_Datas)
          setTimeout(function () {
            barechart($scope.SLQS_Datas);
          }, 1000);
        }
      });
    };
    //分类趋势分析 图1
    $scope.FLQS_Data1 = function (data) {
      api_report_data
        .reportsData("incident_category_trend_time", data)
        .then(function (data) {
          console.log(data);
          if (data) {
            $scope.FLQS_Datas = data;
            // console.log($scope.LYQS_Datas)
            setTimeout(function () {
              barechart1($scope.FLQS_Datas);
            }, 1000);
          }
        });
    };
    //分类趋势分析 图2
    $scope.FLQS_Data = function (data) {
      api_report_data
        .reportsData("incident_category_month", data)
        .then(function (data) {
          console.log(data);
          var list1 = [];
          var list2 = [];
          if (data) {
            // for (var i = 0; i < data.data.length; i++) {
            //     for (var j = 0; j < data.data[i].length; j++) {
            //         // console.log(list1[i][j])
            //         for (var l = 0; l < data.dates.length; l++) {
            //             data.data[i][j]['time'] = data.dates[l]
            //         }
            //     }
            //     console.log(data.data[i])
            // }
            $scope.BTdata = data;
            // console.log($scope.LYQS_Datas)
            setTimeout(function () {
              // barechart5($scope.BTdata)
              wt($scope.BTdata);
            }, 1000);
          }
        });
    };

    // 图表3、事件运维满意度
    $scope.YWMYD_Data = function () {
      api_report_data
        .reportsData("incident_operations_satisfaction", $scope.YWBB_searchKeys)
        .then(function (data) {
          $scope.YWMYD_Datas = data.sum;
          barechart9(data.barGraph);
        });
    };
    // 表格1、事件运维解决TOP排名
    $scope.YWTop_Data = function (sort) {
      console.log(sort);
      var postData = $scope.YWBB_searchKeys;
      if (sort) {
        postData.sortKye = sort;
      }
      api_report_data
        .reportsData("incident_operations_top", postData)
        .then(function (data) {
          $scope.YWBB_table_data = data.table;
        });
    };

    //事件来源报表数据获取
    //来源趋势数据 图1
    $scope.LYQS_Data = function (data) {
      api_report_data
        .reportsData("incident_source", data)
        .then(function (data) {
          console.log(data);
          if (data.stats == 200) {
            $scope.LYQS_Datas = data.data;
            console.log($scope.LYQS_Datas);
            barechart13($scope.LYQS_Datas);
          }
        });
    };
    //来源统计数据 图2
    $scope.LYTJ_Data = function (data) {
      api_report_data
        .reportsData("incident_source_trend", data)
        .then(function (data) {
          console.log(data);
          if (data.stats == 200) {
            $scope.LYTJ_Datas = data.data;
            console.log($scope.LYTJ_Datas);
            barechart14($scope.LYTJ_Datas);
          }
        });
    };
    //事件分类报表
    // 分类统计饼图
    $scope.FLTJ_Data = function (list) {
      api_report_data
        .reportsData("incident_category_proportion", list)
        .then(function (data) {
          // $scope.YWMYD_Datas = data.sum;
          // barechart9(data.barGraph);
          console.log(data);
          barechart10(data);
        });
    };
    // 分类趋势线图
    $scope.FLQST_Data = function (list) {
      api_report_data
        .reportsData("incident_category_trend", list)
        .then(function (data) {
          // $scope.YWMYD_Datas = data.sum;
          // barechart9(data.barGraph);
          console.log(data);
          barechart11(data);
        });
    };
    // 区域分类分析柱状图
    $scope.QYFL_Data = function (list) {
      api_report_data
        .reportsData("incident_category_area", list)
        .then(function (data) {
          // $scope.YWMYD_Datas = data.sum;
          // barechart9(data.barGraph);
          console.log(data);
          barechart12(data);
        });
    };
    //搜索
    $scope.report_datas = function () {
      console.log($scope.searchkeys);
      var s = new Date($scope.searchkeys.startTime);
      var st = moment(s).format('YYYY-MM-DD 00:00:00')

      var e = new Date($scope.searchkeys.endTime);
      var en = moment(e).format('YYYY-MM-DD 23:59:59')

      $scope.searchkeys.startTime = st;
      $scope.searchkeys.endTime = en;
      if ($scope.tap == "YWBB") {
        $scope.YWBB_searchKeys.startTime = $scope.searchkeys.startTime;
        $scope.YWBB_searchKeys.endTime = $scope.searchkeys.endTime;
        $scope.YWXL_Data();
        $scope.YWXQ_Data();
        $scope.YWMYD_Data();
        $scope.YWTop_Data();
      }
      if ($scope.tap == "LYBB") {
        $scope.LYQS_Data($scope.searchkeys);
        $scope.LYTJ_Data($scope.searchkeys);
      }
      if ($scope.tap == "QSFX") {
        $scope.SLQS_Data($scope.searchkeys);
        $scope.FLQS_Data($scope.searchkeys);
        $scope.FLQS_Data1($scope.searchkeys);
      }
      if ($scope.tap == "FLBB") {
        var flbbData = angular.copy($scope.searchkeys);
        if ($scope.YWBB_searchKeys.categoryId) {
          flbbData.categoryId = $scope.YWBB_searchKeys.categoryId;
        }
        $scope.FLTJ_Data(flbbData);
        $scope.FLQST_Data(flbbData);
        $scope.QYFL_Data(flbbData);
      }
    };
    //多选下拉框重置方法
    $scope.deleteKey = function (arr) {
      arr.forEach((v) => {
        delete v.selected;
        v.isExpanded = false;
        if (v.children && v.children.length) {
          $scope.deleteKey(v.children);
        }
      });
    };
    //重置
    $scope.report_Reset = function () {
      // $scope.select_treedata = [];
      // $scope.my_data = [];
      $scope.deleteKey($scope.select_treedata);
      $scope.deleteKey($scope.my_data);
      $scope.select_treedata = angular.copy($scope.select_treedata);
      $scope.my_data = angular.copy($scope.my_data);
      // --------------------------
      console.log($scope.my_data);
      console.log($scope.select_treedata);
      $scope.dateChoose.dateSelected = {};
      if ($scope.searchkeys.placeId) {
        delete $scope.searchkeys.placeId;
      }
      if ($scope.searchkeys.areaId) {
        delete $scope.searchkeys.areaId;
      }
      $scope.area_place = {};
      // $scope.starttimes = moment(
      //   new Date().getTime() - 86400000 * (weeks + 6 - 1)
      // ).format("YYYY-MM-DD");
      // $scope.endtimes = moment(
      //   new Date().getTime() - 86400000 * (weeks - 1)
      // ).format("YYYY-MM-DD");
      // $scope.searchkeys.startTime = $scope.starttimes;
      // $scope.searchkeys.endTime = $scope.endtimes;
      $scope.dateReset();
      console.log($scope);
      $scope.YWBB_searchKeys = {
        startTime: $scope.searchkeys.startTime,
        endTime: $scope.searchkeys.endTime,
      };
      if ($scope.tap == "YWBB") {
        $scope.YWXL_Data();
        $scope.YWXQ_Data();
        $scope.YWMYD_Data();
        $scope.YWTop_Data();
      }
      if ($scope.tap == "LYBB") {
        $scope.LYQS_Data($scope.searchkeys);
        $scope.LYTJ_Data($scope.searchkeys);
      }
      if ($scope.tap == "QSFX") {
        $scope.SLQS_Data($scope.searchkeys);
        $scope.FLQS_Data($scope.searchkeys);
        $scope.FLQS_Data1($scope.searchkeys);
      }
      if ($scope.tap == "FLBB") {
        $scope.FLTJ_Data($scope.searchkeys);
        $scope.FLQST_Data($scope.searchkeys);
        $scope.QYFL_Data($scope.searchkeys);
      }
    };

    //图表 来电转换
    function barechart(datas) {
      console.log(datas);
      console.log(echarts);
      if (datas) {
        var dom = document.getElementById("ldzh");
        console.log(dom);
        var myChart = echarts.init(dom);
        var option = null;
        console.log(myChart);
        myChart.showLoading({
          text: "数据加载中...",
          color: "#c23531",
          textColor: "#fff",
          maskColor: "rgba(255,255,255,0)",
          zlevel: 0,
        });
        myChart.hideLoading();
        option = {
          tooltip: {
            trigger: "axis",
            axisPointer: {
              // 坐标轴指示器，坐标轴触发有效
              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
            },
          },
          legend: {
            data: ["事件总数", "环比增幅"],
            align: "left",
            // itemWidth:10,
            // itemHeight:10,
            bottom: 0,
          },
          grid: {
            top: "8%",
            left: "2%",
            right: "0%",
            bottom: "15%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              // axisTick: {
              //     alignWithLabel: true
              // },
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
              data: datas.dates,
            },
          ],
          yAxis: [
            {
              type: "value",
              scale: true,
              name: "事件数量  (件)",
              min: 0,
              boundaryGap: [0.2, 0.2],
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
            },
            // {
            //   type: "value",
            //   scale: true,
            //   name: "环比增幅  (%)",
            //   min: 0,
            //   max: 100,
            //   boundaryGap: [0.2, 0.2],
            //   axisLabel: {
            //     formatter: "{value} %",
            //     textStyle: {
            //       color: "#7B7B7B",
            //       // fontSize: '14',
            //     },
            //   },
            //   axisLine: {
            //     show: true,
            //     lineStyle: {
            //       color: "#7B7B7B",
            //       // type: 'dotted'
            //     },
            //   },
            // },
          ],
          series: [
            {
              name: "事件总数",
              type: "bar",
              barMaxWidth: 30,
              itemStyle: {
                normal: {
                  color: "#005395",
                },
              },
              data: datas.data,
            },
            // {
            //   name: "环比增幅",
            //   type: "line",
            //   itemStyle: {
            //     normal: {
            //       color: "#1CA58F",
            //     },
            //   },
            //   lineStyle: {
            //     normal: {
            //       color: "#1CA58F",
            //     },
            //   },
            //   data: datas.per,
            // },
          ],
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
    }
    //图表 事件分类趋势分析
    function barechart1(datas) {
      console.log(datas);
      if (datas) {
        var dom = document.getElementById("sjfx");
        // console.log(dom)
        var myChart1 = echarts.init(dom);
        var option1 = null;
        // console.log(myChart1)
        myChart1.showLoading({
          text: "数据加载中...",
          color: "#c23531",
          textColor: "#fff",
          maskColor: "rgba(255,255,255,0)",
          zlevel: 0,
        });
        myChart1.hideLoading();
        var serie = [];
        for (var i = 0; i < datas.data.length; i++) {
          // for (var j = 0; j < datas.title.length; j++) {
          // Series.name = datas.title[j]
          var Series = {
            name: datas.title[i],
            type: "line",
            itemStyle: {
              normal: {
                // color: '#49A9EE'
              },
            },
            lineStyle: {
              normal: {
                // color: '#49A9EE'
              },
            },
            data: datas.data[i],
          };
          // }
          serie.push(Series);
        }
        option1 = {
          // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"],
          tooltip: {
            trigger: "axis",
            axisPointer: {
              // 坐标轴指示器，坐标轴触发有效
              // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
              lineStyle: {
                color: "#49A9EE",
                type: "dotted",
              },
            },
            formatter: function (params) {
              // console.log(params);
              // console.log($scope.FLQS_Datas);
              var retStr = "";
              for (var j = 0; j < $scope.FLQS_Datas.title.length; j++) {
                for (var i = 0; i < params.length; i++) {
                  var dateIndex = $scope.FLQS_Datas.dates.indexOf(
                    params[i].name
                  );
                }
                // var str = $scope.FLQS_Datas.title[j] + ":" + $scope.FLQS_Datas.data[j][dateIndex] + "&nbsp;&nbsp;" + "环比增幅:" + $scope.FLQS_Datas.per[j][dateIndex] + "%" + "<br />"
                // $scope.FLQS_Datas.per[j][dateIndex]= $scope.FLQS_Datas.per[j][dateIndex].toString()
                // if($scope.FLQS_Datas.per[j][dateIndex].indexOf('-')<0){
                //     $scope.FLQS_Datas.per[j][dateIndex]='+'+$scope.FLQS_Datas.per[j][dateIndex]
                // }else{

                // }
                // console.log('+'+$scope.FLQS_Datas.per[j][dateIndex])
                var str =
                  "<div style='width: 105%;font-size: 12px;'><div style='float: left;width: 48%;'>" +
                  $scope.FLQS_Datas.title[j] +
                  ": " +
                  $scope.FLQS_Datas.data[j][dateIndex] +
                  "件</div>" +
                  "&nbsp;&nbsp;" +
                  "<div style='float: left;width: 46%;margin-left: 1%;'>" +
                  "环比增幅: " +
                  $scope.FLQS_Datas.per[j][dateIndex] +
                  "%" +
                  "</div></div>";
                retStr += str;
                $scope.FLQS_Datas.dates[j] + "</br>" + retStr;
              }
              // console.log($scope.FLQS_Datas)
              for (var k = 0; k < params.length; k++) {
                //         return params[i].name+'</br>'+params[i].seriesName+' :'+params[i].value+'&nbsp;&nbsp;'+'环比增幅 :'+params[i].dataIndex+'%';
                return params[k].name + "</br>" + retStr;
              }
              // return retStr
            },
            // formatter:'{a}{b} </br>事件数量: {c} &nbsp;&nbsp;环比增幅: {c}%'
            // formatter: function (params, ticket, callback) {
            //     console.log(params, ticket, callback)
            //     // $.get('detail?name=' + params.name, function (content) {
            //     //     callback(ticket, toHTML(content));
            //     // });
            //     var list={

            //     }
            //     for(var i=0;i<params.length;i++){
            //         return params[i].name+'</br>'+params[i].seriesName+' :'+params[i].value+'&nbsp;&nbsp;'+'环比增幅 :'+params[i].dataIndex+'%';
            //     }

            // }
          },
          legend: {
            show: true,
            data: datas.title,
            align: "left",
            // itemWidth:10,
            // itemHeight:10,
            bottom: 0,
            // formatter: function (name) {
            //     console.log(name)
            //     return name;
            // }
          },
          grid: {
            top: "8%",
            left: "2%",
            right: "0%",
            bottom: "10%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              // axisTick: {
              //     alignWithLabel: true
              // },
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
              data: datas.dates,
            },
          ],
          yAxis: [
            {
              type: "value",
              scale: true,
              name: "事件数量  (件)",
              min: 0,
              boundaryGap: [0.2, 0.2],
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
            },
            // , {
            //     type: 'value',
            //     scale: true,
            //     name: '环比增幅  (%)',
            //     min: 0,
            //     max: 100,
            //     boundaryGap: [0.2, 0.2],
            //     axisLabel: {
            //         formatter: '{value} %',
            //         textStyle: {
            //             color: '#7B7B7B',
            //             // fontSize: '14',
            //         }
            //     },
            //     axisLine: {
            //         show: true,
            //         lineStyle: {
            //             color: '#7B7B7B',
            //             // type: 'dotted'
            //         },
            //     },
            // }
          ],
          series: serie,
          // [
          //         {
          //         name: '事件总数',
          //         type: 'line',
          //         show: false,
          //         // itemStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         // lineStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         data: [10, 20, 5, 23, 12, 3, 63, 12, 23, 34, 76, 45]
          //     }, {
          //         name: '环比增幅',
          //         type: 'line',
          //         show: false,
          //         // itemStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         // lineStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         data: [6, 45, 12, 4, 7, 43, 9, 32, 12, 21, 8, 10]
          //     }, {
          //         name: '通话时长2',
          //         type: 'line',
          //         // itemStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         // lineStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         data: [9, 41, 9, 12, 7, 34, 12, 54, 8, 9, 31, 12]
          //     }, {
          //         name: '通话时长3',
          //         type: 'line',
          //         // itemStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         // lineStyle: {
          //         //     normal: {
          //         //         color: '#005395'
          //         //     }
          //         // },
          //         data: [12, 24, 15, 22, 15, 31, 60, 16, 13, 24, 36, 55]
          //     },
          // ]
        };
        if (option1 && typeof option1 === "object") {
          myChart1.setOption(option1);
          myChart1.hideLoading();
        }
      }
      // console.log(echarts)
    }

    //图表 事件运维效率
    function barechart2(datas) {
      var dom = document.getElementById("sjqs");
      var myChart = echarts.init(dom);
      var option = null;
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            lineStyle: {
              color: "#49A9EE",
              type: "dotted",
            },
          },
        },
        legend: {
          data: ["响应平均时长", "解决平均时长"],
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          left: "1%",
          right: "0%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: datas.keyList,
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "平均时长",
            min: 0,
            boundaryGap: [0.2, 0.2],
            // axisLabel: {
            //     formatter: '{value}'
            // }
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: [
          {
            name: "响应平均时长",
            type: "line",
            itemStyle: {
              normal: {
                color: "#49A9EE",
              },
            },
            lineStyle: {
              normal: {
                color: "#49A9EE",
              },
            },
            data: datas.responseDataList,
          },
          {
            name: "解决平均时长",
            type: "line",
            itemStyle: {
              normal: {
                color: "#87C966",
              },
            },
            lineStyle: {
              normal: {
                color: "#87C966",
              },
            },
            data: datas.solveDataList2,
          },
        ],
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 运维转派，协同，升级
    function barechart3() {
      // console.log(echarts)
      var dom = document.getElementById("sjpd");
      console.log(dom);
      var myChart = echarts.init(dom);
      var option = null;
      console.log(myChart);
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
        },
        legend: {
          data: ["转派", "升级", "协同"],
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          left: ".5%",
          right: "0%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: [
              "10-12",
              "10-12",
              "10-12",
              "10-12",
              "10-12",
              "10-12",
              "10-12",
              "10-12",
              "10-12",
            ],
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "事件数量  (件)",
            min: 0,
            boundaryGap: [0.2, 0.2],
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: [
          {
            name: "转派",
            type: "bar",
            itemStyle: {
              normal: {
                color: "#005395",
              },
            },
            data: [20, 12, 31, 23, 56, 78, 92, 12, 23],
          },
          {
            name: "升级",
            type: "bar",
            itemStyle: {
              normal: {
                color: "#87C966",
              },
            },
            data: [10, 20, 5, 5, 2, 32, 34, 56, 23],
          },
          {
            name: "协同",
            type: "bar",
            itemStyle: {
              normal: {
                color: "#79A3C4",
              },
            },
            data: [15, 26, 15, 25, 32, 36, 6, 43, 12],
          },
        ],
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }

    function wt(data) {
      console.log(data);
      // $scope.wt_data = ['1','2','3']

      setTimeout(function () {
        console.log(1);
        for (var i = 0; i < data.data.length; i++) {
          (function wt1() {
            var dom = document.getElementById("item" + i);
            console.log(dom);
            var myChart = echarts.init(dom);
            var datas1 = [];
            for (var j = 0; j < data.data[i].length; j++) {
              var datas = {
                name: data.data[i][j].category,
                value: data.data[i][j].num,
              };
              // {
              //     "name": "上网账号",
              //     "value": 10
              // }, {
              //     "name": "邮箱问题",
              //     "value": 10
              // }, {
              //     "name": "用户资讯服务",
              //     "value": 10
              // }, {
              //     "name": "校园卡",
              //     "value": 10
              // }, {
              //     "name": "分类1",
              //     "value": 20
              // }, {
              //     "name": "分类2",
              //     "value": 30
              // },
              datas1.push(datas);
            }
            // if(data.total[i]==0){
            //     $scope.zero=i
            // }
            console.log(datas1);
            var option = {
              // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"],
              // backgroundColor: '#000',
              title: {
                text: "总数",
                subtext: data.total[i] || "0",
                textStyle: {
                  color: "#333",
                  fontSize: 16,
                  align: "center",
                  verticalAlign: "middle",
                },
                subtextStyle: {
                  fontSize: 14,
                  color: ["#005395"],
                  fontWeight: "bolder",
                  align: "center",
                  verticalAlign: "middle",
                },
                x: "22%",
                y: "55%",
              },
              grid: {
                bottom: 150,
                left: 100,
                right: "10%",
              },
              legend: {
                orient: "vertical",
                top: "middle",
                right: "5%",
                textStyle: {
                  color: "#333",
                  fontSize: 12,
                },
                itemWidth: 8,
                itemHeight: 8,
                icon: "roundRect",
                data: datas1,
              },
              series: [
                // 主要展示层的
                {
                  radius: ["35%", "50%"],
                  center: ["25%", "65%"],
                  type: "pie",
                  label: {
                    normal: {
                      show: true,
                      formatter: "{c}",
                      textStyle: {
                        fontSize: 14,
                      },
                      position: "outside",
                    },
                    emphasis: {
                      show: true,
                    },
                  },
                  labelLine: {
                    normal: {
                      show: true,
                      length: 5,
                      length2: 5,
                    },
                    emphasis: {
                      show: true,
                    },
                  },
                  hoverOffset: 5,
                  name: "民警训练总量",
                  data: datas1,
                },
              ],
            };
            if (option && typeof option === "object") {
              myChart.setOption(option);
              myChart.hideLoading();
            }
          })();
          // wt1()
        }
      }, 1000);
      // for (var i = 0; i < $scope.wt_data.length; i++) {
      //     (function wt1() {
      //         var dom = document.getElementById("item" + i);
      //         console.log(dom)
      //         var myChart = echarts.init(dom);
      //         var data = [{
      //             "name": "网络故障报修",
      //             "value": 10
      //         }, {
      //             "name": "上网账号",
      //             "value": 10
      //         }, {
      //             "name": "邮箱问题",
      //             "value": 10
      //         }, {
      //             "name": "用户资讯服务",
      //             "value": 10
      //         }, {
      //             "name": "校园卡",
      //             "value": 10
      //         }, {
      //             "name": "分类1",
      //             "value": 20
      //         }, {
      //             "name": "分类2",
      //             "value": 30
      //         }, ]
      //         option = {
      //             // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"],
      //             // backgroundColor: '#000',
      //             title: {
      //                 text: '总数',
      //                 subtext: i + 1,
      //                 textStyle: {
      //                     color: '#333',
      //                     fontSize: 16,
      //                     // align: 'center'
      //                 },
      //                 subtextStyle: {
      //                     fontSize: 14,
      //                     color: ['#005395'],
      //                     fontWeight: 'bolder'
      //                 },
      //                 x: '22%',
      //                 y: '35%',
      //             },
      //             grid: {
      //                 bottom: 150,
      //                 left: 100,
      //                 right: '10%'
      //             },
      //             legend: {
      //                 orient: 'vertical',
      //                 top: "middle",
      //                 right: "5%",
      //                 textStyle: {
      //                     color: '#333',
      //                     fontSize: 12,

      //                 },
      //                 itemWidth: 8,
      //                 itemHeight: 8,
      //                 icon: 'roundRect',
      //                 data: data,
      //             },
      //             series: [
      //                 // 主要展示层的
      //                 {
      //                     radius: ['55%', '85%'],
      //                     center: ['25%', '50%'],
      //                     type: 'pie',
      //                     label: {
      //                         normal: {
      //                             show: true,
      //                             formatter: "{c}%",
      //                             textStyle: {
      //                                 fontSize: 14,

      //                             },
      //                             position: 'outside'
      //                         },
      //                         emphasis: {
      //                             show: true
      //                         }
      //                     },
      //                     labelLine: {
      //                         normal: {
      //                             show: true,
      //                             length: 5,
      //                             length2: 25
      //                         },
      //                         emphasis: {
      //                             show: true
      //                         }
      //                     },
      //                     name: "民警训练总量",
      //                     data: data,

      //                 },

      //             ]
      //         };
      //         if (option && typeof option === "object") {
      //             myChart.setOption(option);
      //             myChart.hideLoading();
      //         }
      //     })()
      //     // wt1()

      // }
    }
    // wt()
    //图表 事件分类趋势分析饼图
    // function barechart5(datas) {
    //     console.log(datas)
    //     console.log(echarts)
    //     // $scope.BTdata=datas
    //     console.log($scope.BTdata)
    //     var DATA = []
    //     for (var i = 0; i < $scope.BTdata.data.length; i++) {
    //         var dom = document.getElementById("item" + i);
    //         console.log(dom)
    //         var option = null;
    //         var myChart = echarts.init(dom);
    //         for (var j = 0; j < $scope.BTdata.data[i].length; j++) {
    //             var data = {
    //                 "name": $scope.BTdata.data[i][j].category,
    //                 "value": $scope.BTdata.data[i][j].num
    //             }
    //             DATA.push(data)
    //         }
    //         var total = $scope.BTdata.total[i]
    //         // if($scope.BTdata.total[i]==0){
    //         //     total=0
    //         // }
    //         option = {
    //             // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"],
    //             // backgroundColor: '#000',
    //             title: {
    //                 text: '总数',
    //                 subtext: total,
    //                 textStyle: {
    //                     color: '#333',
    //                     fontSize: 16,
    //                     // align: 'center'
    //                 },
    //                 subtextStyle: {
    //                     fontSize: 14,
    //                     color: ['#005395'],
    //                     fontWeight: 'bolder'
    //                 },
    //                 x: '22%',
    //                 y: '35%',
    //             },
    //             grid: {
    //                 bottom: 150,
    //                 left: 100,
    //                 right: '10%'
    //             },
    //             legend: {
    //                 orient: 'vertical',
    //                 top: "middle",
    //                 right: "5%",
    //                 textStyle: {
    //                     color: '#333',
    //                     fontSize: 12,

    //                 },
    //                 itemWidth: 8,
    //                 itemHeight: 8,
    //                 icon: 'roundRect',
    //                 data: DATA,
    //             },
    //             series: [
    //                 // 主要展示层的
    //                 {
    //                     radius: ['55%', '85%'],
    //                     center: ['25%', '50%'],
    //                     type: 'pie',
    //                     label: {
    //                         normal: {
    //                             show: true,
    //                             formatter: "{c}%",
    //                             textStyle: {
    //                                 fontSize: 14,

    //                             },
    //                             position: 'outside'
    //                         },
    //                         emphasis: {
    //                             show: true
    //                         }
    //                     },
    //                     labelLine: {
    //                         normal: {
    //                             show: true,
    //                             length: 5,
    //                             length2: 25
    //                         },
    //                         emphasis: {
    //                             show: true
    //                         }
    //                     },
    //                     name: "民警训练总量",
    //                     data: DATA,

    //                 },

    //             ]
    //         };
    //         if (option && typeof option === "object") {
    //             myChart.setOption(option);
    //             myChart.hideLoading();
    //         }
    //     }

    // }
    //图表 事件运维详情饼图1
    function barechart6(datas) {
      var dom = document.getElementById("XYSJ");
      var option = null;
      var myChart = echarts.init(dom);
      var data = datas.pieChart;
      option = {
        color: ["#91c7ae", "#61a0a8", "#2f4554", "#c23531", "#d48265"],
        title: {
          text: "微信用户评价\n\n满意度占比",
          // subtext: datas.pieChartSum,
          textAlign: "center",
          textStyle: {
            color: "#333",
            fontSize: 16,
            // align: 'center',
          },
          subtextStyle: {
            fontSize: 14,
            color: ["#005395"],
            fontWeight: "bolder",
            // align: 'center'
          },
          x: "34.5%",
          y: "50%",
        },
        tooltip: {
          trigger: "item",
          formatter: function (a) {
            return a["data"]["name"] + ":" + a["data"]["value"];
          },
          position: ["50%", "30%"],
        },
        grid: {
          bottom: 150,
          left: 100,
          right: "10%",
        },
        legend: {
          orient: "vertical",
          top: "middle",
          right: "5%",
          textStyle: {
            color: "#333",
            fontSize: 12,
          },
          itemWidth: 8,
          itemHeight: 8,
          icon: "roundRect",
          data: data,
        },
        series: [
          // 主要展示层的
          {
            radius: ["50%", "65%"],
            center: ["35%", "60%"],
            type: "pie",
            label: {
              normal: {
                show: true,
                formatter: "{d}%",
                textStyle: {
                  fontSize: 14,
                },
                position: "outside",
              },
              emphasis: {
                show: true,
              },
            },
            labelLine: {
              normal: {
                show: true,
                length: 5,
                length2: 25,
              },
              emphasis: {
                show: true,
              },
            },
            name: "",
            data: data,
          },
        ],
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 事件运维详情饼图2
    function barechart7(datas) {
      // for (var i = 0; i < $scope.BTdata.length; i++) {
      var dom = document.getElementById("JJSJ");
      var option = null;
      var myChart = echarts.init(dom);
      var data = datas.pieChart;
      option = {
        color: [
          "#005395",
          "#1EA58F",
          "#87C966",
          "#FFCD61",
          "#585247",
          "#49A9EE",
          "#009D85",
          "rgba(250,250,250,0.3)",
        ],
        // backgroundColor: '#000',
        title: {
          text: "解决事件总数 (件)",
          subtext: datas.pieChartSum,
          textAlign: "center",
          textStyle: {
            color: "#333",
            fontSize: 16,
            // align: 'center'
          },
          subtextStyle: {
            fontSize: 14,
            color: ["#005395"],
            fontWeight: "bolder",
            // align: 'center'
          },
          x: "34.5%",
          y: "50%",
        },
        tooltip: {
          // show: false,
          trigger: "item",
          formatter: function (a) {
            // console.log(a)
            return a["data"]["name"] + ":" + a["data"]["value"];
          },
          position: ["50%", "30%"],
        },
        grid: {
          bottom: 150,
          left: 100,
          right: "10%",
        },
        legend: {
          orient: "vertical",
          top: "middle",
          right: "5%",
          textStyle: {
            color: "#333",
            fontSize: 12,
          },
          itemWidth: 8,
          itemHeight: 8,
          icon: "roundRect",
          data: data,
        },
        series: [
          // 主要展示层的
          {
            radius: ["50%", "65%"],
            center: ["35%", "60%"],
            type: "pie",
            label: {
              normal: {
                show: true,
                formatter: "{d}%",
                textStyle: {
                  fontSize: 14,
                },
                position: "outside",
              },
              emphasis: {
                show: true,
              },
            },
            labelLine: {
              normal: {
                show: true,
                length: 5,
                length2: 25,
              },
              emphasis: {
                show: true,
              },
            },
            name: "",
            data: data,
          },
        ],
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
      // }
    }
    //图表 事件运维详情柱状图seimin-1
    // function barechart8(datas) {
    //   var datas = datas;
    //   var dom = document.getElementById("JJSJZZ");
    //   var myChart = echarts.init(dom);
    //   var option = null;
    //   myChart.showLoading({
    //     text: "数据加载中...",
    //     color: "#c23531",
    //     textColor: "#fff",
    //     maskColor: "rgba(255,255,255,0)",
    //     zlevel: 0,
    //   });
    //   myChart.hideLoading();
    //   option = {
    //     tooltip: {
    //       trigger: "axis",
    //       axisPointer: {
    //         // 坐标轴指示器，坐标轴触发有效
    //         type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    //       },
    //     },
    //     legend: {
    //       data: [
    //         "按时响应",
    //         "逾期响应",
    //         "响应平均时间",
    //         "按时解决",
    //         "逾期解决",
    //         "解决平均时间",
    //       ],
    //       align: "left",
    //       // itemWidth:10,
    //       // itemHeight:10,
    //       bottom: 0,
    //     },
    //     grid: {
    //       top: "10%",
    //       left: "1.5%",
    //       right: "1.5%",
    //       bottom: "15%",
    //       containLabel: true,
    //     },
    //     xAxis: [
    //       {
    //         type: "category",
    //         // axisTick: {
    //         //     alignWithLabel: true
    //         // },
    //         axisLabel: {
    //           textStyle: {
    //             color: "#7B7B7B",
    //             // fontSize: '14',
    //           },
    //         },
    //         axisLine: {
    //           show: true,
    //           lineStyle: {
    //             color: "#7B7B7B",
    //             // type: 'dotted'
    //           },
    //         },
    //         data: datas.name,
    //       },
    //     ],
    //     yAxis: [
    //       {
    //         type: "value",
    //         scale: true,
    //         name: "事件数量  (件)",
    //         min: 0,
    //         boundaryGap: [0.2, 0.2],
    //         axisLabel: {
    //           formatter: "{value}",
    //           textStyle: {
    //             color: "#7B7B7B",
    //             // fontSize: '14',
    //           },
    //         },
    //         axisLine: {
    //           show: true,
    //           lineStyle: {
    //             color: "#7B7B7B",
    //             // type: 'dotted'
    //           },
    //         },
    //       },
    //       {
    //         type: "value",
    //         scale: true,
    //         name: "按时解决率/逾期解决率",
    //         min: 0,
    //         max: 100,
    //         boundaryGap: [0.2, 0.2],
    //         axisLabel: {
    //           textStyle: {
    //             color: "#7B7B7B",
    //             // fontSize: '14',
    //           },
    //           formatter: "{value} %",
    //         },
    //         axisLine: {
    //           show: true,
    //           lineStyle: {
    //             color: "#7B7B7B",
    //             // type: 'dotted'
    //           },
    //         },
    //       },
    //     ],
    //     series: [
    //       {
    //         name: "逾期响应",
    //         type: "bar",
    //         stack: "1",
    //         barWidth: 30,
    //         itemStyle: {
    //           normal: {
    //             color: "#005395",
    //           },
    //         },
    //         data: datas.overtimeresponse,
    //       },
    //       {
    //         name: "按时响应",
    //         type: "bar",
    //         barWidth: 30,
    //         stack: "1",
    //         itemStyle: {
    //           normal: {
    //             color: "#E6EEF4",
    //           },
    //         },
    //         data: datas.ontimeresponse,
    //       },
    //       {
    //         name: "逾期解决",
    //         type: "bar",
    //         barWidth: 30,
    //         stack: "2",
    //         itemStyle: {
    //           normal: {
    //             color: "#1CA58F",
    //           },
    //         },
    //         data: datas.overtimesolve,
    //       },
    //       {
    //         name: "按时解决",
    //         type: "bar",
    //         barWidth: 30,
    //         stack: "2",
    //         itemStyle: {
    //           normal: {
    //             color: "#87C966",
    //           },
    //         },
    //         data: datas.ontimesolve,
    //       },
    //       {
    //         name: "解决平均时间",
    //         type: "line",
    //         itemStyle: {
    //           normal: {
    //             color: "#EF665C",
    //           },
    //         },
    //         lineStyle: {
    //           normal: {
    //             color: "#EF665C",
    //           },
    //         },
    //         data: datas.solvetime,
    //       },
    //       {
    //         name: "响应平均时间",
    //         type: "line",
    //         itemStyle: {
    //           normal: {
    //             color: "#FFA35E",
    //           },
    //         },
    //         lineStyle: {
    //           normal: {
    //             color: "#FFA35E",
    //           },
    //         },
    //         data: datas.responsetime,
    //       },
    //     ],
    //   };
    //   if (option && typeof option === "object") {
    //     myChart.setOption(option);
    //     myChart.hideLoading();
    //   }
    // }
    //图表 按时解决率、逾期解决率seimin-1
    function barechart8_1(datas) {
      console.log(datas, "barechart8_1");
      var dom = document.getElementById("JJSJZZ_1");
      var myChart = echarts.init(dom);
      var option = null;
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            lineStyle: {
              color: "#49A9EE",
              type: "dotted",
            },
          },
          formatter: function (params) {
            var result = params[0].name + "<br>";
            params.forEach(function (item) {
              result +=
                item.marker +
                " " +
                item.seriesName +
                " : " +
                item.value +
                "%</br>";
            });
            return result;
          },
        },
        legend: {
          data: ["按时解决率", "逾期解决率"],
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          left: "1%",
          right: "0%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: datas.name,
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "解决率（%）",
            min: 0,
            max: 100,
            boundaryGap: [0.2, 0.2],
            axisLabel: {
              formatter: "{value}%",
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: [
          {
            name: "按时解决率",
            type: "line",
            itemStyle: {
              normal: {
                lineStyle: {
                  color: "#91c7ae",
                },
                color: "#91c7ae",
              },
            },
            lineStyle: {
              normal: {
                color: "#91c7ae",
              },
            },
            data: datas.ontimesolvePercentage,
          },
          {
            name: "逾期解决率",
            type: "line",
            itemStyle: {
              normal: {
                lineStyle: {
                  color: "#d48265",
                },
                color: "#d48265",
              },
            },
            lineStyle: {
              normal: {
                color: "#d48265",
              },
            },
            data: datas.overtimesolvePercentage,
          },
        ],
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 按时响应逾期响应柱状图seimin-2
    function barechart8_2(datas) {
      var series = [];
      var arrName = ["按时响应", "逾期响应"];
      var arrObj = [datas.ontimeresponse, datas.overtimeresponse];
      arrName.forEach((v, i) => {
        series.push({
          name: v,
          type: "bar",
          stack: "1",
          barWidth: 40,
          itemStyle: {
            normal: {},
          },
          data: arrObj[i],
        });
      });
      var dom = document.getElementById("JJSJZZ_2");
      var myChart = echarts.init(dom);
      var option = null;
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        color: ["#91c7ae", "#d48265"],
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
        },
        legend: {
          data: arrName,
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          top: "15%",
          left: "3%",
          right: "1.5%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: datas.name,
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "事件数量  (件)",
            min: 0,
            minInterval: 1,
            boundaryGap: [0.2, 0.2],
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: series,
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 按时解决逾期解决柱状图seimin-3
    function barechart8_3(datas) {
      var series = [];
      var arrName = ["按时解决", "逾期解决"];
      var arrObj = [datas.ontimesolve, datas.overtimesolve];
      arrName.forEach((v, i) => {
        series.push({
          name: v,
          type: "bar",
          stack: "1",
          barWidth: 40,
          itemStyle: {
            normal: {},
          },
          data: arrObj[i],
        });
      });
      var dom = document.getElementById("JJSJZZ_3");
      var myChart = echarts.init(dom);
      var option = null;
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        color: ["#91c7ae", "#d48265"],
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
        },
        legend: {
          data: arrName,
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          top: "15%",
          left: "3%",
          right: "1.5%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: datas.name,
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "事件数量  (件)",
            min: 0,
            minInterval: 1,
            boundaryGap: [0.2, 0.2],
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: series,
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 事件运维满意度柱状图
    function barechart9(datas) {
      console.log(datas);
      var name = [];
      var series = [];
      for (var key in datas) {
        if (key !== "name") {
          name.push(key);
          series.push({
            name: key,
            type: "bar",
            stack: "1",
            barWidth: 40,
            itemStyle: {
              normal: {},
            },
            data: datas[key],
          });
        }
      }
      var dom = document.getElementById("jjmyd");
      var myChart = echarts.init(dom);
      var option = null;
      myChart.showLoading({
        text: "数据加载中...",
        color: "#c23531",
        textColor: "#fff",
        maskColor: "rgba(255,255,255,0)",
        zlevel: 0,
      });
      myChart.hideLoading();
      option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
        },
        legend: {
          data: name,
          align: "left",
          // itemWidth:10,
          // itemHeight:10,
          bottom: 0,
        },
        grid: {
          top: "15%",
          left: "1.5%",
          right: "1.5%",
          bottom: "15%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            // axisTick: {
            //     alignWithLabel: true
            // },
            axisLabel: {
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
            data: datas.name,
          },
        ],
        yAxis: [
          {
            type: "value",
            scale: true,
            name: "事件数量  (件)",
            min: 0,
            boundaryGap: [0.2, 0.2],
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#7B7B7B",
                // fontSize: '14',
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "#7B7B7B",
                // type: 'dotted'
              },
            },
          },
        ],
        series: series,
      };
      if (option && typeof option === "object") {
        myChart.setOption(option);
        myChart.hideLoading();
      }
    }
    //图表 事件分类统计饼图
    function barechart10(datas) {
      console.log(datas);
      if (datas) {
        var dom = document.getElementById("sjflqs");
        // console.log(dom)
        var option = null;
        var myChart = echarts.init(dom);
        var data = [];
        // var data1=[]
        var data2 = [];
        for (var i = 0; i < datas.lsit.length; i++) {
          var list = {
            name: datas.lsit[i].category,
            value: datas.lsit[i].proportion,
          };
          data.push(list);
          // data1.push(datas.lsit[i].proportion)
          data2.push(datas.lsit[i].category);
        }
        //     var data = [
        //         {
        //         "name": "网络故障报修",
        //         "value": 10
        //     },
        //     {
        //         "name": "上网账号",
        //         "value": 10
        //     }, {
        //         "name": "邮箱问题",
        //         "value": 10
        //     }, {
        //         "name": "用户资讯服务",
        //         "value": 10
        //     }, {
        //         "name": "校园卡",
        //         "value": 10
        //     }, {
        //         "name": "分类1",
        //         "value": 20
        //     }, {
        //         "name": "分类2",
        //         "value": 30
        //     },
        // ]

        option = {
          // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"],
          // backgroundColor: '#000',
          title: {
            text: "事件总数 (件)",
            subtext: datas.sum,
            textAlign: "center",
            textStyle: {
              color: "#333",
              fontSize: 20,
              // align: 'center'
            },
            subtextStyle: {
              fontSize: 18,
              color: ["#005395"],
              fontWeight: "bolder",
              // align: 'center'
            },
            x: "25%",
            y: "50%",
          },
          grid: {
            top: "0%",
            bottom: 150,
            left: 100,
            right: "10%",
          },
          legend: {
            orient: "vertical",
            top: "middle",
            left: "55%",
            itemGap: 20,
            textStyle: {
              color: "#333",
              fontSize: 16,
            },
            itemWidth: 15,
            itemHeight: 15,
            icon: "roundRect",
            data: data2,
          },
          series: [
            // 主要展示层的
            {
              radius: ["45%", "65%"],
              center: ["25%", "60%"],
              type: "pie",
              label: {
                normal: {
                  show: true,
                  formatter: "{c}%",
                  textStyle: {
                    fontSize: 14,
                  },
                  position: "outside",
                },
                emphasis: {
                  show: true,
                },
              },
              labelLine: {
                normal: {
                  show: true,
                  length: 5,
                  length2: 5,
                  fontSize: 16,
                },
                emphasis: {
                  show: true,
                },
              },
              name: "民警训练总量",
              data: data,
            },
          ],
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
      // console.log(echarts)
      // for (var i = 0; i < $scope.BTdata.length; i++) {

      // }
    }

    //图表 事件分类趋势图
    function barechart11(datas) {
      console.log(datas);
      if (datas) {
        var dom = document.getElementById("sjfltj");
        // console.log(dom)
        var myChart = echarts.init(dom);
        var option = null;
        // console.log(myChart)
        var serie = [];
        for (var i = 0; i < datas.data.length; i++) {
          // for (var j = 0; j < datas.title.length; j++) {
          // Series.name = datas.title[j]
          var Series = {
            name: datas.title[i],
            type: "line",
            itemStyle: {
              normal: {
                // color: '#49A9EE'
              },
            },
            lineStyle: {
              normal: {
                // color: '#49A9EE'
              },
            },
            data: datas.data[i],
          };
          // }
          serie.push(Series);
        }
        console.log(serie);
        myChart.showLoading({
          text: "数据加载中...",
          color: "#c23531",
          textColor: "#fff",
          maskColor: "rgba(255,255,255,0)",
          zlevel: 0,
        });
        myChart.hideLoading();
        option = {
          tooltip: {
            trigger: "axis",
            axisPointer: {
              // 坐标轴指示器，坐标轴触发有效
              // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
              lineStyle: {
                color: "#49A9EE",
                type: "dotted",
              },
            },
          },
          legend: {
            data: datas.title,
            align: "left",
            // itemWidth:10,
            // itemHeight:10,
            bottom: 0,
          },
          grid: {
            left: "3%",
            right: "0%",
            bottom: "15%",
            top: "10%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              // axisTick: {
              //     alignWithLabel: true
              // },
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
              // data: ['10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12']
              data: datas.dates,
            },
          ],
          yAxis: [
            {
              type: "value",
              scale: true,
              name: "事件数量  (件)",
              min: 0,
              boundaryGap: [0.2, 0.2],
              // axisLabel: {
              //     formatter: '{value}'
              // }
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
            },
          ],
          series: serie,
          // [{
          //     name: '分类1',
          //     type: 'line',
          //     itemStyle: {
          //         normal: {
          //             color: '#49A9EE'
          //         }
          //     },
          //     lineStyle: {
          //         normal: {
          //             color: '#49A9EE'
          //         }
          //     },
          //     data: [10, 20, 5, 43, 12, 34, 12, 56, 67]
          // }, {
          //     name: '分类2',
          //     type: 'line',
          //     itemStyle: {
          //         normal: {
          //             color: '#87C966'
          //         }
          //     },
          //     lineStyle: {
          //         normal: {
          //             color: '#87C966'
          //         }
          //     },
          //     data: [12, 10, 15, 23, 19, 24, 18, 26, 57]
          // }]
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
      // console.log(echarts)
    }
    //图表 事件区域与事件分类分析图柱状图
    function barechart12(datas) {
      console.log(datas);
      if (datas) {
        var dom = document.getElementById("qysjfx");
        // console.log(dom)
        var myChart = echarts.init(dom);
        var option = null;
        // console.log(myChart)
        myChart.showLoading({
          text: "数据加载中...",
          color: "#c23531",
          textColor: "#fff",
          maskColor: "rgba(255,255,255,0)",
          zlevel: 0,
        });
        myChart.hideLoading();
        var serie = [];
        for (var i = 0; i < datas.data.length; i++) {
          // for(var j=0;datas.data[i].title;j++){
          var Series = {
            name: datas.data[i].title[i],
            type: "bar",
            stack: "1",
            itemStyle: {
              normal: {
                // color: '#49A9EE'
              },
            },
            data: datas.data[i].num,
          };
          // }
          serie.push(Series);
          // }
        }
        console.log(serie);
        option = {
          tooltip: {
            trigger: "axis",
            axisPointer: {
              // 坐标轴指示器，坐标轴触发有效
              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
            },
          },
          legend: {
            data: datas.category,
            align: "left",
            // itemWidth:10,
            // itemHeight:10,
            bottom: 0,
          },
          grid: {
            top: "15%",
            left: "1.5%",
            right: "1.5%",
            bottom: "15%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              // axisTick: {
              //     alignWithLabel: true
              // },
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
              data: datas.area,
            },
          ],
          yAxis: [
            {
              type: "value",
              scale: true,
              name: "事件数量  (件)",
              min: 0,
              boundaryGap: [0.2, 0.2],
              axisLabel: {
                formatter: "{value}",
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
            },
          ],
          series: serie,
          // [{
          //     name: '分类1',
          //     type: 'bar',
          //     stack: '1',
          //     itemStyle: {
          //         normal: {
          //             color: '#49A9EE'
          //         }
          //     },
          //     data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54]
          // }, {
          //     name: '分类2',
          //     type: 'bar',
          //     stack: '1',
          //     itemStyle: {
          //         normal: {
          //             color: '#1EA58F'
          //         }
          //     },
          //     data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54]
          // }, {
          //     name: '分类3',
          //     type: 'bar',
          //     stack: '1',
          //     itemStyle: {
          //         normal: {
          //             color: '#87C966'
          //         }
          //     },
          //     data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54]
          // }, {
          //     name: '分类4',
          //     type: 'bar',
          //     stack: '1',
          //     itemStyle: {
          //         normal: {
          //             color: '#FFA35E'
          //         }
          //     },
          //     data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54]
          // }, {
          //     name: '分类5',
          //     type: 'bar',
          //     stack: '1',
          //     itemStyle: {
          //         normal: {
          //             color: '#EF665C'
          //         }
          //     },
          //     data: [12, 30, 15, 23, 32, 64, 17, 26, 87, 17, 63, 26]
          // }, ]
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
      // console.log(echarts)
    }
    //图表 事件来源统计饼图
    function barechart13(datas) {
      // console.log(datas)
      // console.log(echarts)
      var dom = document.getElementById("sjlyqs");
      // console.log(dom)
      var option = null;
      var myChart = echarts.init(dom);
      var Data_LYTJ = [];
      var Total = 0;
      if (datas && datas.length > 0) {
        for (var j = 0; j < datas.length; j++) {
          console.log(datas[j]);
          var data = {
            name: datas[j]._name,
            value: datas[j].percentage,
          };
          Total = Total += datas[j]._count;
          Data_LYTJ.push(data);
        }
        console.log(Total);
        option = {
          color: [
            "#005395",
            "#1EA58F",
            "#87C966",
            "#FFCD61",
            "#585247",
            "#49A9EE",
            "#009D85",
            "rgba(250,250,250,0.3)",
          ],
          // backgroundColor: '#000',
          title: {
            text: "事件总数 (件)",
            subtext: Total,
            textAlign: "center",
            textStyle: {
              color: "#333",
              fontSize: 20,
              // align: 'center'
            },
            subtextStyle: {
              fontSize: 18,
              color: ["#005395"],
              fontWeight: "bolder",
              // align: 'center'
            },
            x: "25%",
            y: "40%",
          },
          grid: {
            top: "0%",
            bottom: 150,
            left: 100,
            right: "10%",
          },
          legend: {
            orient: "vertical",
            top: "middle",
            left: "55%",
            itemGap: 20,
            textStyle: {
              color: "#333",
              fontSize: 16,
            },
            itemWidth: 15,
            itemHeight: 15,
            icon: "roundRect",
            data: Data_LYTJ,
          },
          series: [
            // 主要展示层的
            {
              radius: ["62%", "85%"],
              center: ["25%", "50%"],
              type: "pie",
              label: {
                normal: {
                  show: true,
                  formatter: "{c}%",
                  textStyle: {
                    fontSize: 14,
                  },
                  position: "outside",
                },
                emphasis: {
                  show: true,
                },
              },
              labelLine: {
                normal: {
                  show: true,
                  length: 10,
                  length2: 35,
                  fontSize: 16,
                },
                emphasis: {
                  show: true,
                },
              },
              name: "民警训练总量",
              data: Data_LYTJ,
            },
          ],
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
    }

    //图表 事件来源趋势图
    function barechart14(datas) {
      console.log(datas);
      var Series = [];
      var legend = {
        data: [],
        align: "left",
        // itemWidth:10,
        // itemHeight:10,
        bottom: 0,
      };
      if (datas && datas.length > 0) {
        for (var j = 0; j < datas[1].length; j++) {
          console.log(datas[1][j]);
          for (var key in datas[1][j]) {
            console.log(key);
            console.log(datas[1][j][key]);
            var data = {
              name: key,
              type: "line",
              itemStyle: {
                normal: {
                  // color: '#49A9EE'
                },
              },
              lineStyle: {
                normal: {
                  // color: '#49A9EE'
                },
              },
              data: datas[1][j][key],
            };
            legend.data.push(key);
            Series.push(data);
          }
        }

        console.log(echarts);
        var dom = document.getElementById("sjlytj");
        console.log(dom);
        var myChart = echarts.init(dom);
        var option = null;
        console.log(myChart);
        myChart.showLoading({
          text: "数据加载中...",
          color: "#c23531",
          textColor: "#fff",
          maskColor: "rgba(255,255,255,0)",
          zlevel: 0,
        });
        myChart.hideLoading();
        option = {
          color: [
            "#005395",
            "#1EA58F",
            "#87C966",
            "#FFCD61",
            "#585247",
            "#49A9EE",
            "#009D85",
            "rgba(250,250,250,0.3)",
          ],
          tooltip: {
            trigger: "axis",
            axisPointer: {
              // 坐标轴指示器，坐标轴触发有效
              // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
              lineStyle: {
                color: "#49A9EE",
                type: "dotted",
              },
            },
          },
          legend: legend,
          grid: {
            left: "2%",
            right: "0%",
            bottom: "15%",
            top: "10%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              // axisTick: {
              //     alignWithLabel: true
              // },
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
              data: datas[0],
            },
          ],
          yAxis: [
            {
              type: "value",
              scale: true,
              name: "事件数量  (件)",
              min: 0,
              boundaryGap: [0.2, 0.2],
              // axisLabel: {
              //     formatter: '{value}'
              // }
              axisLabel: {
                textStyle: {
                  color: "#7B7B7B",
                  // fontSize: '14',
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#7B7B7B",
                  // type: 'dotted'
                },
              },
            },
          ],
          series: Series,
          // [{
          //     name: '分类1',
          //     type: 'line',
          //     itemStyle: {
          //         normal: {
          //             color: '#49A9EE'
          //         }
          //     },
          //     lineStyle: {
          //         normal: {
          //             color: '#49A9EE'
          //         }
          //     },
          //     data: [10, 20, 5, 43, 12, 34, 12, 56, 67]
          // }, {
          //     name: '分类2',
          //     type: 'line',
          //     itemStyle: {
          //         normal: {
          //             color: '#87C966'
          //         }
          //     },
          //     lineStyle: {
          //         normal: {
          //             color: '#87C966'
          //         }
          //     },
          //     data: [12, 10, 15, 23, 19, 24, 18, 26, 57]
          // }]
        };
        if (option && typeof option === "object") {
          myChart.setOption(option);
          myChart.hideLoading();
        }
      }
    }

    // setTimeout(function () {
    $scope.SLQS_Data($scope.searchkeys);
    $scope.FLQS_Data1($scope.searchkeys);
    // }, 1000);
  },
]);