depot-web-tianjin/src/main/resources/static/app/home/controller/homeworkCtrl copy.js

"use strict";
angular.module('app.system')
    .controller("homeworkCtrlCopy", function($scope,$rootScope,$filter,$state,$compile,$timeout,$interval,alertService, $http,ptService, APP_CONFIG) {
        $("#cfState").html($("" +
        "<div class=\"charts-histogram-1\" id=\"cfState\" style=\"height: 100%;width:100%;\" >" +
        "</div>"));


    //获取number天前的日期








    $scope.cfCharts = function () {
      
            //初始化echarts 图表
          var  option = {
            color:["#4a87d2","#e09038","#00bfc0","#f54c4e","#7cdf42"],
                tooltip: {
                  trigger: 'item'
                },
                legend: {
                    data: ['出库', '入库','通风','熏蒸','静态储存'],
                    x:"right",
                    y:"center",
                    orient:"vertical"
                  },
                  grid: {
                    // left: '0',
                    right: '24%',
                    bottom: '0%',
               
                  },
                series: [
                  {
                  
                    type: 'pie',
                    radius: ['30%', '55%'],
                    center: ["42%", "55%"], 　　
                    avoidLabelOverlap: false,
                    label: {
                      show: false,
                      position: 'center'
                    },
                    emphasis: {
                      label: {
                        show: true,
                        fontSize: '40',
                        fontWeight: 'bold'
                      }
                    },
                    labelLine: {
                      show: false
                    },
                    data: [
                      { value: 1048, name: '通风' },
                      { value: 735, name: '静态储存' },
                      { value: 580, name: '入库' },
                      { value: 484, name: '出库' },
                      { value: 300, name: '熏蒸' }
                    ]
                  }
                ]
              };

       

            // var myChart = echarts.init(document.getElementById('quxt'));
           
        
       
            var cfState = echarts.init(document.getElementById('cfState'));


            cfState.setOption(option);
            // setTimeout(function () {
            //     window.onresize = function () {
            //         cfState.resize();
            //     }
            // }, 100)
            window.addEventListener("resize",function () {
              cfState.resize();
         })
          


            // myChart.setOption(option);

        },
        function (data) {
            console.log(data);
        }
        $scope.cfCharts();

    });