Source: directives/graficos/chartLine.js

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