templates/visao/gps/avaliado/componentes/grafico-informativo.html.twig line 1

Open in your IDE?
  1. <div class="row align-items-center mb-3">
  2.     <div class="col">
  3.         <h3 class="text-24 text-darker medium pr-5">
  4.             Evolução de Performance
  5.         </h3>
  6.     </div>
  7.     <div class="col col-auto">
  8.         <div class="button-group right float-right" data-id="grafico-evolucao-gps"> <!-- MESMO ID DO GRÁFICO -->
  9.             <a href="#" class="button transparent sm dropdown"><i class="fa fa-bars icon"></i> <i class="fa fa-caret-down"></i></a>
  10.             <div class="dropdown-list">
  11.                 <ul>
  12.                     <li><a href="#" class="js-chart-table"><i class="fal fa-fw fa-table mr-2"></i>ver tabela</a></li>
  13.                     <li><a href="#" class="js-chart-export" data-format="pdf"><i class="fal fa-fw fa-file-pdf mr-2"></i>Exportar PDF </a></li>
  14.                     <li><a href="#" class="js-chart-export" data-format="jpg"><i class="fal fa-fw fa-file-image mr-2"></i>Exportar JPG </a></li>
  15.                     <li><a href="#" class="js-chart-export" data-format="xls"><i class="fal fa-fw fa-file-excel mr-2"></i>Exportar xls </a></li>
  16.                     <li><a href="#" class="js-chart-print"><i class="fal fa-fw fa-print mr-2"></i>Imprimir </a></li>
  17.                 </ul>
  18.             </div>
  19.         </div>
  20.     </div>
  21. </div>
  23. <div class="box p-4 mb-5">
  24.     <div id="grafico-evolucao-gps" 
  25.         data-dados="{{dados_performance}}"
  26.         data-categorias="{{categorias}}" 
  27.         data-grupo="{{dados_performance_grupo}}"
  28.         data-medias="{{medias}}"
  29.         style="height: 374px;">
  30.     </div>
  31. </div>
  33. {% block javascripts %}
  34. <script>
  35.     $(function (){
  36.         carregaGraficoInformativo('evolucao-gps');
  37.     });
  38. </script>
  39. {% endblock %}