<div class="row align-items-center mb-3">
<div class="col">
<h3 class="text-24 text-darker medium">Evolução EVS</h3>
</div>
<div class="col col-auto">
<div class="button-group" data-id="grafico-evolucao"> <!-- MESMO ID DO GRÁFICO -->
<a href="#" class="button transparent sm dropdown"><i class="fa fa-bars icon"></i> <i class="fa fa-caret-down"></i></a>
<div class="dropdown-list">
<ul>
<li><a href="#" class="js-chart-table"><i class="fal fa-fw fa-table mr-2"></i>ver tabela</a></li>
<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>
<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>
<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>
<li><a href="#" class="js-chart-print"><i class="fal fa-fw fa-print mr-2"></i>Imprimir </a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="box pt-4 pb-2">
<div id='grafico-evolucao'
style="height: 200px;"
class="grafico-modal"
data-dadosevs="{{ dados_evs }}"
data-dadoscusto="{{ dados_performance_custo }}"
data-dadosqualidade="{{ dados_performance_qualidade }}"
data-categorias="{{ categorias }}"
></div>
</div>
{% block javascripts %}
<script>
$(function (){
carregaGraficoInformativo('evolucao');
});
</script>
{% endblock %}