templates/visao/avaliado/componentes/grafico-qualidade-custo.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">
  4.             DISTRIBUIÇÃO DOS AVALIADOS ({{avaliado.nome_grupo}}) SEGUNDO EVS
  5.             <i class="fa fa-info-circle tooltip text-14 text-gray" title="O gráfico apresenta a relação entre os indices de Qualidade e Custeio, sendo que os melhores valores de EVS localizam-se na área verde (a partir de EVS 3,33) à direita e acima"></i>
  6.         </h3>
  7.     </div>
  8.     <div class="col col-auto">
  9.         <div class="button-group right float-right" data-id="grafico-componente-qualidade-custo"> <!-- MESMO ID DO GRÁFICO -->
  10.             <a href="#" class="button transparent sm dropdown"><i class="fa fa-bars icon"></i> <i class="fa fa-caret-down"></i></a>
  11.             <div class="dropdown-list">
  12.                 <ul>
  13.                     <li><a href="#" class="js-chart-table"><i class="fal fa-fw fa-table mr-2"></i>ver tabela</a></li>
  14.                     <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>
  15.                     <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>
  16.                     <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>
  17.                     <li><a href="#" class="js-chart-print"><i class="fal fa-fw fa-print mr-2"></i>Imprimir </a></li>
  18.                 </ul>
  19.             </div>
  20.         </div>
  21.     </div>
  22. </div>
  24. <div class="box p-4 mb-5">
  25.     <div id="grafico-componente-qualidade-custo" 
  26.         data-icone_codigo="{{ icones.avaliado.codigo }}" 
  27.         data-avaliado="{{avaliado_grafico}}" 
  28.         data-grafico="{{dados}}" 
  29.         style="height: {% if app.request.query.get('showPBV') == 1 %} 500px {% else %} 330px {% endif %};">
  30.     </div>
  31.     <div class="row justify-content-center align-items-center">
  32.         <div class="col col-auto">
  33.             <i class="fa fa-circle text-12 mr-2 v-align-m icon text-0-49"></i><b>0</b> a <b>1,66</b>
  34.         </div>
  35.         <div class="col col-auto">
  36.             <i class="fa fa-circle text-12 mr-2 v-align-m icon text-50-59"></i><b>1,67</b> a <b>3,31</b>
  37.         </div>
  38.         <div class="col col-auto">
  39.             <i class="fa fa-circle text-12 mr-2 v-align-m icon text-90-100"></i><b>>= 3,32</b>
  40.         </div>
  41.     </div>
  42. </div>