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

'use strict';
app.controller('nxreportCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_report_nx", "api_statistic", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_report_nx, api_statistic) {
    $scope.parameters = {};
    $scope.hearderlist = [];
    $scope.pielenddata = [];
    $scope.piebodydata = [];
    $scope.barlenddata = [];
    $scope.barbodydata = [];
    $scope.categryid = 2;
    $scope.sum = 0;
    $scope.startlist = { id: 2, label: "事件总数&分类统计报告", title: "事件总数", key: "incidentClassify", selected: true };
    $scope.nowdata = moment(new Date()).format('YYYY/MM/DD HH:ss:mm');
    //时间搜索
    // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD'); //开始时间
    // $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD'); //结束时间
    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.changeForm = function(paramDateFrom) {
        $scope.starttimes = moment(paramDateFrom).format('YYYY-MM-DD');
    }
    $scope.changeTo = function(paramDateTo) {
        $scope.endtimes = moment(paramDateTo).format('YYYY-MM-DD');
    }
    $scope.parameters.paramDateFrom = $scope.starttimes;
    $scope.parameters.paramDateTo = $scope.endtimes;
    //高度
    setInterval(function() {
        if (document.getElementById("DIV3")) {
            $scope.listheight = { "min-height": document.getElementById("DIV3").scrollHeight - 20 + "px" };
        }
    }, 1000)



    var downPdf = document.getElementById("exportToPdf");
    downPdf.onclick = function() {
        html2canvas(
            document.getElementById("export_content"), {
                dpi: 172, //导出pdf清晰度
                onrendered: function(canvas) {
                    var contentWidth = canvas.width;
                    var contentHeight = canvas.height;

                    //一页pdf显示html页面生成的canvas高度;
                    var pageHeight = contentWidth / 592.28 * 841.89;
                    //未生成pdf的html页面高度
                    var leftHeight = contentHeight;
                    //pdf页面偏移
                    var position = 0;
                    //html页面生成的canvas在pdf中图片的宽高（a4纸的尺寸[595.28,841.89]）
                    var imgWidth = 595.28;
                    var imgHeight = 592.28 / contentWidth * contentHeight;

                    var pageData = canvas.toDataURL('image/jpeg', 1.0);
                    var pdf = new jsPDF('', 'pt', 'a4');

                    //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
                    //当内容未超过pdf一页显示的范围，无需分页
                    if (leftHeight < pageHeight) {
                        pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
                    } else {
                        while (leftHeight > 0) {
                            pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                            leftHeight -= pageHeight;
                            position -= 841.89;
                            //避免添加空白页
                            if (leftHeight > 0) {
                                pdf.addPage();
                            }
                        }
                    }
                    pdf.save('content.pdf');
                },
                //背景设为白色（默认为黑色）
                background: "#fff"
            })
    }




    //上周
    $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.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
            // $scope.parameters = parseDateParameter($scope.parameters);
            $scope.mdxquery();
        }
        //上月
    $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.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
            // $scope.parameters = parseDateParameter($scope.parameters);
            $scope.mdxquery();
        }
        //上年
    $scope.year = function() {
            $scope.searchstate = "year";
            $scope.starttimes = moment().startOf('year').format('YYYY-MM-DD');
            $scope.endtimes = moment().format('YYYY-MM-DD');
            $scope.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
            // $scope.parameters = parseDateParameter($scope.parameters);
            $scope.mdxquery();
        }
        /**
         *日历
         */
    $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.exportData = function() {
            // var modelData = $scope.startlist;
            // $state.go('childpape', { starttime: $scope.parameters.paramDateFrom, endtime: $scope.parameters.paramDateTo, model: JSON.stringify(modelData) });
            // api_report_nx.getPdf({ url: "http://localhost/#/childpape/2018-11-12/2018-11-18/%7B%22id%22:24,%22label%22:%22%E8%B5%84%E4%BA%A7%E5%9C%A8%E5%BA%93%E7%8A%B6%E6%80%81%E7%BB%9F%E8%AE%A1%E6%8A%A5%E5%91%8A%22,%22key%22:%22assetStatus%22,%22level%22:2,%22expanded%22:false,%22uid%22:%220.2409134734491598%22,%22parent_uid%22:%220.23149440146902256%22,%22children%22:%5B%5D,%22classes%22:%5B%22leaf%22%5D,%22selected%22:true%7D" }).then(function(response) {
            // var downUrl = api_report_nx.getPdf({ url: "http://localhost/#/childpape/2018-11-12/2018-11-18/%7B%22id%22:24,%22label%22:%22%E8%B5%84%E4%BA%A7%E5%9C%A8%E5%BA%93%E7%8A%B6%E6%80%81%E7%BB%9F%E8%AE%A1%E6%8A%A5%E5%91%8A%22,%22key%22:%22assetStatus%22,%22level%22:2,%22expanded%22:false,%22uid%22:%220.2409134734491598%22,%22parent_uid%22:%220.23149440146902256%22,%22children%22:%5B%5D,%22classes%22:%5B%22leaf%22%5D,%22selected%22:true%7D" }).getRequestedUrl();
            // var a = document.createElement('a');
            // a.href = downUrl;
            // a.target = '_blank';
            // // a.download = filename;
            // document.body.appendChild(a);
            // a.click();
            // });
            $http({
                url: api_report_nx.getPdf().getRequestedUrl(),
                method: 'post',
                data: { url: "http://localhost/#/childpape/2018-11-12/2018-11-18/%7B%22id%22:24,%22label%22:%22%E8%B5%84%E4%BA%A7%E5%9C%A8%E5%BA%93%E7%8A%B6%E6%80%81%E7%BB%9F%E8%AE%A1%E6%8A%A5%E5%91%8A%22,%22key%22:%22assetStatus%22,%22level%22:2,%22expanded%22:false,%22uid%22:%220.2409134734491598%22,%22parent_uid%22:%220.23149440146902256%22,%22children%22:%5B%5D,%22classes%22:%5B%22leaf%22%5D,%22selected%22:true%7D" },
                headers: {
                    //'Content-type' : 'application/xls',
                    'Accept': '*/*'
                },
                responseType: 'arraybuffer'
            }).success(function(data, status, headers, config) {
                var file = new Blob([data], {
                    type: 'application/octet-stream'
                });
                //trick to download store a file having its URL
                var fileURL = URL.createObjectURL(file);
                var a = document.createElement('a');
                a.href = fileURL;
                // window.open(a.href);
                a.target = '_blank';
                // a.download = filename;
                document.body.appendChild(a);
                a.click();
            }).error(function(data, status, headers, config) {
                // console.log(data);
            });
        }
        /**
         * 时间搜索
         */
    $scope.mdxquery = function() {
            $scope.parameters.paramDateFrom = moment($scope.parameters.paramDateFrom).format('YYYY-MM-DD');
            $scope.parameters.paramDateTo = moment($scope.parameters.paramDateTo).format('YYYY-MM-DD');
            if ($scope.startlist.id == 2) {
                incidentClassify()
            } else if ($scope.startlist.id == 3) {
                incidentHandler()
            } else if ($scope.startlist.id == 6) {
                problemClassify()
            } else if ($scope.startlist.id == 7) {
                problemHandler()
            } else if ($scope.startlist.id == 12) {
                changeClassify()
            } else if ($scope.startlist.id == 13) {
                changeHandler()
            } else if ($scope.startlist.id == 16) {
                releaseClassify()
            } else if ($scope.startlist.id == 17) {
                releaseHandler()
            } else if ($scope.startlist.id == 22) {
                assetClassify()
            } else if ($scope.startlist.id == 24) {
                assetStatus()
            }
        }
        /**
         * 树形列表
         */
    $scope.my_tree = {};
    $scope.my_data = [];
    $scope.try_async_load = function() {
        $scope.my_data = [
            { id: 1, label: "事件报表", children: [{ id: 2, label: "事件总数&分类统计报告", title: "事件总数", key: "incidentClassify", selected: true, }, { id: 3, label: "处理完事件占比", tip1: "完成事件数量", tip2: "事件占比", key: "incidentHandler" }] },
            {
                id: 5,
                label: "问题报表",
                children: [{ id: 6, label: "问题总数&分类统计报告", title: "问题总数", key: "problemClassify" }, { id: 7, label: "处理人完成问题占比", tip1: "完成问题数量", tip2: "问题占比", key: "problemHandler" }]
            }, {
                id: 11,
                label: "变更报表",
                children: [{ id: 12, label: "变更总数&分类统计报告", title: "变更总数", key: "changeClassify" }, { id: 13, label: "处理人完成变更占比", tip1: "完成变更数量", tip2: "变更占比", key: "changeHandler" }]
            }, {
                id: 15,
                label: "发布报表",
                children: [{ id: 16, label: "发布总数&分类统计报告", title: "发布总数", key: "releaseClassify" }, { id: 17, label: "处理人完成发布占比", tip1: "完成发布数量", tip2: "发布占比", key: "releaseHandler" }]
            },
            { id: 21, label: "资产报表", children: [{ id: 22, label: "资产总金额&分类统计报告", title: "资产总金额", key: "assetClassify" }, { id: 24, label: "资产总量统计报告", title: "资产总量", key: "assetStatus" }] }
        ];
        $scope.my_tree = angular.copy($scope.my_data);
    };

    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.id];

                //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;
        console.log(root)
    }

    function convertParentToChildList(data) {
        var treeMap = {};
        var list = [];
        convertListToTree(data, treeMap);
        angular.forEach(treeMap, function(item) {
            list.push(item);
        });
        return list;
    }
    $scope.try_async_load();
    $scope.my_tree_handler = function(branch) {
            $scope.startlist = branch;
            if (branch.id == 2) {
                incidentClassify()
            } else if (branch.id == 3) {
                incidentHandler();
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 6) {
                problemClassify()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 7) {
                problemHandler()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 12) {
                changeClassify()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 13) {
                changeHandler()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 16) {
                releaseClassify()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 17) {
                releaseHandler()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 22) {
                assetClassify()
                $scope.my_data[0].children[0].selected = false;
            } else if (branch.id == 24) {
                assetStatus()
                $scope.my_data[0].children[0].selected = false;
            }
        }
        /***
         * 事件分类总数
         */
        // setTimeout(function() {
    function incidentClassify() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        $scope.hearderlist = [{ name: "事件类别（三级）", value: "type3" }, { name: "事件数量", value: "num" }, { name: "所属类型（二级）", value: "type2" }, { name: "所属类型（一级）", value: "type1" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("incidentClassify", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.incidentClassifyList;
                angular.forEach(response.incidentClassify, function(item) {
                    $scope.pielenddata.push(item.type);
                    $scope.piebodydata.push({ "value": item.num, "name": item.type, "proportion": item.proportion });
                })
                pieechart()
            } else {

            }
        });
    }
    // setTimeout(function() {
    incidentClassify()
        // }, 500);
        /**
         * 处理事件占比
         */
    function incidentHandler() {
        $scope.barlenddata = [];
        $scope.barbodydata = [];
        $scope.hearderlist = [{ name: "处理人", value: "name" }, { name: "完成事件数", value: "num" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("incidentHandler", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.incidentHandler;
                angular.forEach(response.incidentHandler, function(item) {
                    $scope.barlenddata.push(item.name);
                    $scope.barbodydata.push({ "value": item.num, "name": item.name, "proportion": item.proportion });
                })
                barechart()
            } else {

            }
        });
    }
    // incidentHandler()
    /**
     * 问题总数
     */
    function problemClassify() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        $scope.hearderlist = [{ name: "问题类别（三级）", value: "type3" }, { name: "问题数量", value: "num" }, { name: "所属类型（二级）", value: "type2" }, { name: "所属类型（一级）", value: "type1" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("problemClassify", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.problemClassifyList;
                angular.forEach(response.problemClassify, function(item) {
                    $scope.pielenddata.push(item.type);
                    $scope.piebodydata.push({ "value": item.num, "name": item.type, "proportion": item.proportion });
                })
                pieechart()
            } else {

            }
        });
    }
    /**
     * 处理问题占比
     */
    function problemHandler() {
        $scope.barlenddata = [];
        $scope.barbodydata = [];
        $scope.hearderlist = [{ name: "主责人", value: "name" }, { name: "完成问题数", value: "num" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("problemHandler", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.problemHandler;
                angular.forEach(response.problemHandler, function(item) {
                    $scope.barlenddata.push(item.name);
                    $scope.barbodydata.push({ "value": item.num, "name": item.name, "proportion": item.proportion });
                })
                barechart()
            } else {

            }
        });
    }
    /**
     * 变更总数
     */
    function changeClassify() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        $scope.hearderlist = [{ name: "变更类别（三级）", value: "type3" }, { name: "变更数量", value: "num" }, { name: "所属类型（二级）", value: "type2" }, { name: "所属类型（一级）", value: "type1" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("changeClassify", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.changeClassifyList;
                angular.forEach(response.changeClassify, function(item) {
                    $scope.pielenddata.push(item.type);
                    $scope.piebodydata.push({ "value": item.num, "name": item.type, "proportion": item.proportion });
                })
                pieechart()
            } else {

            }
        });
    }
    /**
     * 完成变更占比
     */
    function changeHandler() {
        $scope.barlenddata = [];
        $scope.barbodydata = [];
        $scope.hearderlist = [{ name: "主责人", value: "name" }, { name: "完成变更数", value: "num" }, { name: "占比", value: "proportion" }];
        api_report_nx.fetchDataList("changeHandler", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.changeHandler;
                angular.forEach(response.changeHandler, function(item) {
                    $scope.barlenddata.push(item.name);
                    $scope.barbodydata.push({ "value": item.num, "name": item.name, "proportion": item.proportion });
                })
                barechart()
            } else {

            }
        });
    }
    /**
     * 发布总数
     */
    function releaseClassify() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        api_report_nx.fetchDataList("releaseClassify", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.releaseClassifyList;
                angular.forEach(response.releaseClassify, function(item) {
                    $scope.pielenddata.push(item.name);
                    $scope.piebodydata.push({ "value": item.num, "name": item.name, "proportion": item.proportion });
                })
                pieechart()
            } else {

            }
        });
    }
    /**
     * 完成发布占比
     */
    function releaseHandler() {
        $scope.barlenddata = [];
        $scope.barbodydata = [];
        api_report_nx.fetchDataList("releaseHandler", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sum;
                $scope.rRows = response.releaseHandler;
                angular.forEach(response.releaseHandler, function(item) {
                    $scope.barlenddata.push(item.name);
                    $scope.barbodydata.push({ "value": item.num, "name": item.name, "proportion": item.proportion });
                })
                barechart()
            } else {

            }
        });
    }
    /**
     * 资产总额
     */
    function assetClassify() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        $scope.hearderlist = [{ name: "资产类别（三级）", value: "label3" }, { name: "资产金额", value: "money" }, { name: "资产类别（二级）", value: "label2" }, { name: "资产类别（一级）", value: "label1" }];
        api_report_nx.fetchDataList("assetClassify", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            if (response.code == 200) {
                $scope.sum = response.sumMoney;
                $scope.summap = response.sum;
                $scope.rRows = response.assetClassifyList;
                angular.forEach(response.assetClassify, function(item) {
                    $scope.pielenddata.push(item.label);
                    $scope.piebodydata.push({ "value": item.money, "name": item.label, "proportion": item.proportion });
                })
                pieechart()
            } else {

            }
        });
    }
    /**
     *资产在库
     */
    $scope.summap = 0;

    function assetStatus() {
        $scope.pielenddata = [];
        $scope.piebodydata = [];
        $scope.hearderlist = [{ name: "资产类别（三级）", value: "label3" }, { name: "数量", value: "sum" }, { name: "资产类别（二级）", value: "label2" }, { name: "资产类别（一级）", value: "label1" }];
        api_report_nx.fetchDataList("assetStatus", { "startTime": $scope.parameters.paramDateFrom, "endTime": $scope.parameters.paramDateTo }).then(function(response) {
            // if (response.code == 200) {
            $scope.sum = response.sum;
            // $scope.summap = response.sum;
            $scope.rRows = response.assetStatusList;
            angular.forEach(response.assetStatus, function(item) {
                $scope.pielenddata.push(item.state);
                $scope.piebodydata.push({ "value": item.sum, "name": item.state, "proportion": item.proportion });
            })
            pieechart()
                // } else {

            // }
        });
    }
    /**
     * 环形图
     */


    function pieechart() {
        var dom = document.getElementById("report");
        var myChart = echarts.init(dom);
        var app = {};
        var option = null;
        myChart.showLoading({　　
            text: '数据加载中...',
            color: '#c23531',
            textColor: '#fff',
            maskColor: 'rgba(255,255,255,0)',
            zlevel: 0
        });
        myChart.hideLoading();
        option = {
            // title: [{
            //         text: [$scope.sum],
            //         x: '15%',
            //         y: '50%',
            //         textStyle: {
            //             fontSize: 42,
            //             fontWeight: 'normal',
            //             fontStyle: 'normal',
            //             color: '#005395',
            //             align: 'center',
            //         }

            //     },
            //     {
            //         text: $scope.startlist.title,
            //         x: '15%',
            //         y: '40%',
            //         textStyle: {
            //             fontSize: 16,
            //             fontWeight: 'normal',
            //             fontStyle: 'normal',
            //             align: "center",
            //             color: '#333'
            //         }
            //     }
            // ],
            title: {
                subtext: [$scope.sum],
                text: $scope.startlist.title,
                itemGap: 3,
                "x": '20%',
                "y": '40%',
                textAlign: "center",
                "textStyle": {
                    "fontWeight": 'normal',
                    "fontSize": 18,
                    "color": '#333',

                },
                "subtextStyle": {
                    "fontWeight": 'normal',
                    "fontSize": 42,
                    "color": '#005395',
                    "lineHeight": 14
                },

            },
            tooltip: {
                "backgroundColor": "rgba(0,0,0,9)",
                "textStyle": {
                    "fontSize": 12,
                    "color": '#f9f9f9',
                },
                trigger: 'item',
                formatter: "{a} <br/>{b}: {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                x: '40%',
                y: 'center',
                itemGap: 20,
                data: $scope.pielenddata,
                formatter: function(param) {
                    for (var i = 0; i < $scope.pielenddata.length; i++) {
                        if ($scope.piebodydata[i].name == param) {
                            return '    ' + $scope.piebodydata[i].name + '    ' + $scope.piebodydata[i].value + '    ' + $scope.piebodydata[i].proportion;
                        }
                    }
                }
            },
            series: [{
                name: $scope.startlist.title,
                type: 'pie',
                radius: ['70%', '85%'],
                center: ['20%', '50%'],
                color: ['#315b7e', '#3370a1', '#1a3a53', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
                hoverAnimation: true,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    formatter: [
                        '{a|这段文本采用样式a}',
                        '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
                    ].join('\n'),

                    rich: {
                        a: {
                            color: 'red',
                            lineHeight: 10
                        },
                        b: {
                            backgroundColor: {
                                image: 'xxx/xxx.jpg'
                            },
                            height: 40
                        },
                        x: {
                            fontSize: 18,
                            fontFamily: 'Microsoft YaHei',
                            borderColor: '#449933',
                            borderRadius: 4
                        },
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: $scope.piebodydata
            }]
        };

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




        // ///
        // var dom = document.getElementById("reportnext");
        // var myChartn = echarts.init(dom);
        // var app = {};
        // var optionn = null;
        // myChartn.showLoading({　　
        //     text: '数据加载中...',
        //     color: '#c23531',
        //     textColor: '#fff',
        //     maskColor: 'rgba(255,255,255,0)',
        //     zlevel: 0
        // });
        // myChartn.hideLoading();
        // optionn = {
        //     title: [{
        //             text: [$scope.sum],
        //             x: 'center',
        //             y: '50%',
        //             textStyle: {
        //                 fontSize: 42,
        //                 fontWeight: 'normal',
        //                 fontStyle: 'normal',
        //                 color: '#005395',
        //                 align: 'center',
        //             }

        //         },
        //         {
        //             text: $scope.startlist.title,
        //             x: 'center',
        //             y: '40%',
        //             textStyle: {
        //                 fontSize: 16,
        //                 fontWeight: 'normal',
        //                 fontStyle: 'normal',
        //                 align: "center",
        //                 color: '#333'
        //             }
        //         }
        //     ],
        //     tooltip: {
        //         "backgroundColor": "rgba(0,0,0,9)",
        //         "textStyle": {
        //             "fontSize": 12,
        //             "color": '#f9f9f9',
        //         },
        //         trigger: 'item',
        //         formatter: "{a} <br/>{b}: {c} ({d}%)"
        //     },
        //     legend: {
        //         orient: 'vertical',
        //         x: '90%',
        //         y: 'center',
        //         itemGap: 40,
        //         data: $scope.pielenddata,
        //         formatter: function(param) {
        //             for (var i = 0; i < $scope.pielenddata.length; i++) {
        //                 if ($scope.piebodydata[i].name == param) {
        //                     return '    ' + $scope.piebodydata[i].name + '    ' + $scope.piebodydata[i].value + '    ' + $scope.piebodydata[i].proportion;
        //                 }
        //             }
        //         }
        //     },
        //     series: [{
        //         show: false,
        //         name: $scope.startlist.title,
        //         type: 'pie',
        //         radius: ['70%', '85%'],
        //         center: ['50%', '50%'],
        //         color: ['#315b7e', '#3370a1', '#1a3a53', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
        //         hoverAnimation: true,
        //         label: {
        //             normal: {
        //                 show: false,
        //                 position: 'center'
        //             },
        //             formatter: [
        //                 '{a|这段文本采用样式a}',
        //                 '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
        //             ].join('\n'),

        //             rich: {
        //                 a: {
        //                     color: 'red',
        //                     lineHeight: 10
        //                 },
        //                 b: {
        //                     backgroundColor: {
        //                         image: 'xxx/xxx.jpg'
        //                     },
        //                     height: 40
        //                 },
        //                 x: {
        //                     fontSize: 18,
        //                     fontFamily: 'Microsoft YaHei',
        //                     borderColor: '#449933',
        //                     borderRadius: 4
        //                 },
        //             }
        //         },
        //         labelLine: {
        //             normal: {
        //                 show: false
        //             }
        //         },
        //         data: $scope.piebodydata
        //     }]
        // };

        // if (optionn && typeof optionn === "object") {
        //     myChartn.setOption(optionn);
        //     myChartn.hideLoading();
        // }



    }

    // }, 1000)

    /***
     * 柱状图
     */
    function hardDisks(data) {
        if ($scope.sum == 0) {
            return 0;
        } else {

        }
        return data / $scope.sum;
    }

    function barechart() {
        var dom = document.getElementById("barreport");
        var mybarChart = echarts.init(dom);
        var app = {};
        var optionbar = null;
        mybarChart.showLoading({　　
            text: '数据加载中...',
            color: '#c23531',
            textColor: '#fff',
            maskColor: 'rgba(255,255,255,0)',
            zlevel: 0
        });
        mybarChart.hideLoading();
        optionbar = {
            title: {
                // text: '（件）故障数量',
                x: '10',
                y: '0',
                textStyle: {
                    fontWeight: 'normal',
                    fontSize: 12,
                    color: "#56c9ff",
                }
            },
            xAxis: {
                axisTick: {
                    alignWithLabel: true
                },
                splitLine: {
                    show: false
                },
                splitArea: {
                    show: false
                },
                // data: XData,
                data: $scope.barlenddata,
                axisLine: {
                    lineStyle: {
                        color: '#eaeaea'
                    }
                },
                axisLabel: {
                    interval: 0,
                    formatter: function(value) {
                        return value.split("").join("\n");
                    },
                    // rotate: 45,
                    // margin: 2,
                    textStyle: {
                        color: '#999',
                        fontSize: 14,
                    }
                },
            },
            // grid: { // 控制图的大小，调整下面这些值就可以，
            //     x: 40,
            //     x2: 100,
            //     y2: 150, // y2可以控制 X轴跟Zoom控件之间的间隔，避免以为倾斜后造成 label重叠到zoom上
            // },
            yAxis: {
                axisTick: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                splitArea: {
                    show: false
                },
                minInterval: 1,
                axisLabel: {
                    show: true,
                    textStyle: {
                        color: '#999',
                        fontSize: 14,
                    }
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: '#eaeaea'
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: "#eaeaea"
                    }
                }
            },
            grid: {
                left: 10,
                top: 25,
                bottom: 20,
                right: 10,
                containLabel: true
            },

            "tooltip": {
                "trigger": "item",
                "backgroundColor": "rgba(0,0,0,9)",
                "textStyle": {
                    "fontSize": 12,
                    "color": '#f9f9f9',
                },
                formatter: function(data) {
                    return $scope.startlist.tip1 + '：' + data.value + '<br />' + $scope.startlist.tip2 + '：' + data.data.proportion;
                },
            },
            series: {
                type: "bar",
                itemStyle: {
                    normal: {
                        color: function(params) {
                            // type = 'linear';
                            // var colorList = [
                            //     '#005395'
                            // ];
                            return '#005395'
                        },
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: 'top',
                        textStyle: {
                            // color: '#56c9ff'
                        }
                    }
                },
                barWidth: 18,
                // barWidth: '30%',
                // data: yData
                data: $scope.barbodydata
            }
        };
        if (optionbar && typeof optionbar === "object") {
            mybarChart.setOption(optionbar);
            mybarChart.hideLoading();
        }
    }
}])