Source: directives/graficos/chartPie.js

  1. /**
  2.  * @ngdoc directives
  3.  * @name chartPie
  4.  * @module s4c.directives.graficos.chartPie
  5.  *
  6.  * @description Componente para demonstração de gráficos no formato de Pizzas
  7.  *
  8.  *
  9.  */
  10. (function() {
  11.     'use strict';
  13.     chartPieController.$inject = [
  14.         '$scope',
  15.         '$timeout',
  16.         'Preset',
  17.         'DashboardService',
  18.         'ChartService'
  19.     ];
  21.     function chartPieController(
  22.         $scope,
  23.         $timeout,
  24.         Preset,
  25.         DashboardService,
  26.         ChartService) {
  28.         $scope.res = $scope.$root.res;
  29.         $scope.canvas = {};
  30.         $scope.canvas.id = Math.random().toString(36) + '_chart';
  31.         /**
  32.          * Método responsável pela montagem do gráfico
  33.          * 
  34.          * @method buildChartPie
  35.          *
  36.          * @param informacoes {Object}  Dados para montagem do gráfico
  37.          *
  38.          */         
  39.         function buildChartPie(informacoes) {
  40.             
  41.             var ctx = document.getElementById($scope.canvas.id).getElementsByTagName("canvas");
  42.             ChartService.appendChart(ctx, informacoes, 'pie');
  43.             Preset.salvar();
  44.         }
  46.         var modulos = Preset.obter().PresetModulos;
  47.         $scope.presetId = Preset.obter().id;
  49.         $timeout(function() {
  50.             for (var index in modulos) {
  51.                 if ((modulos[index].template == 'app/components/modulos/modulo-chartPie.html' || (modulos[index].Face && modulos[index].Face.template == 'app/components/modulos/modulo-chartPie.html')) && !modulos[index].usado) {
  52.                    
  53.                     modulos[index].usado = true;
  54.                     modulos[index].index = 1;
  55.                     $scope.modulo = modulos[index];
  57.                     var filtro = modulos[index].Face.extras.filtro || {};
  58. 			        /**
  59. 			         * Faz o acesso ao backend que retornará com os dados da busca para serem exibidos no gráfico
  60. 			         * 
  61. 			         * @method getInformations
  62. 			         *
  63. 			         * @param filtro {Object}  Dados para filtrar a busca
  64. 			         *
  65. 			         */                    
  66.                     DashboardService.getInformations(filtro).then(function (result) {
  67.                         var informacoes = {
  68.                             legendas: result.legendas,
  69.                             dados: result.dados,
  70.                             background: ChartService.createColorArray(result.dados.length),
  71.                             titulo: modulos[index].Face.name
  72.                         }
  73.                         buildChartPie(informacoes);
  74.                     });
  75.                     break;
  76.                 }
  77.             }
  78.         }, 300);
  80.         angular.extend($scope, {});
  81.     }
  83.     function s4cChartPie() {
  84.         return {
  85.             restrict: 'E',
  86.             templateUrl: 'app/directives/graficos/chartPie.html',
  87.             scope: {},
  88.             controller: chartPieController
  89.         };
  90.     }
  92.     angular.module('s4c.components.chartPie', [])
  93.         .directive('s4cChartpie', s4cChartPie);
  94. })();