stats delais -> indices de performances

This commit is contained in:
2021-03-10 16:06:05 +01:00
parent 47f03f78df
commit c410e1df05
6 changed files with 154 additions and 26 deletions

View File

@@ -47,7 +47,7 @@
<div class="col-sm-3">
<a href="${request.application_url}/stats_delais/PE" tal:condition="access > 0">
<span class="glyphicon glyphicon-stats logo-warning"></span>
<h4>PERFORMANCES</h4></a>
<h4>INDICES P.</h4></a>
</div>
</div>
<br />

View File

@@ -1,11 +1,20 @@
<metal:block use-macro="main_template">
<div metal:fill-slot="content">
<br />
<div class="row">
<form method="POST" id="frm" class="form-horizontal">
<div class="form-group">
<label class="control-label col-md-2">Groupe</label>
<div class="col-md-10">
<label class="control-label col-sm-2">Societe</label>
<div class="col-sm-4">
<select class="form-control" id="societe" name="societe" onChange="$('#frm').submit()">
<tal:block tal:repeat="item societes">
<option value="${item}" tal:attributes="selected societe==item and 'selected' or None"> ${item}</option>
</tal:block>
</select>
</div>
<label class="control-label col-sm-2">Groupe</label>
<div class="col-sm-4">
<select class="form-control" id="groupe" name="groupe" onChange="$('#frm').submit()">
<tal:block tal:repeat="item groupes">
<option value="${item.group2}" tal:attributes="selected groupe==item.group2 and 'selected' or None"> ${item.group2}</option>
@@ -17,8 +26,20 @@
</div>
<div class="row">
<!-- graphique colonne année N -->
<div id="barChart_annee" style="width: 100%; height: 500px;"></div>
<!-- graphique 1ER CONTACT -->
<div id="barChart_annee1" style="width: 100%; height: 500px;"></div>
</div>
<div class="row">
<!-- graphique 1ER RDV -->
<div id="barChart_annee2" style="width: 100%; height: 500px;"></div>
</div>
<div class="row">
<!-- graphique 1ER DEVIS -->
<div id="barChart_annee3" style="width: 100%; height: 500px;"></div>
</div>
<div class="row">
<!-- graphique 1ERE FACTURE -->
<div id="barChart_annee4" style="width: 100%; height: 500px;"></div>
</div>
@@ -26,13 +47,49 @@
<script type="text/javascript">
google.charts.load("current", {packages:["corechart", 'bar']});
google.charts.setOnLoadCallback(drawChart);
var dataSet_annee = ${barChart_annee};
var dataSet_annee1 = ${barChart_annee1};
var dataSet_annee2 = ${barChart_annee2};
var dataSet_annee3 = ${barChart_annee3};
var dataSet_annee4 = ${barChart_annee4};
function drawChart() {
var data_annee = google.visualization.arrayToDataTable(dataSet_annee);
var data_annee1 = google.visualization.arrayToDataTable(dataSet_annee1);
var data_annee2 = google.visualization.arrayToDataTable(dataSet_annee2);
var data_annee3 = google.visualization.arrayToDataTable(dataSet_annee3);
var data_annee4 = google.visualization.arrayToDataTable(dataSet_annee4);
var options_annee = {
title: '${title}',
var options_annee1 = {
title: '${title1}',
seriesType: 'bars',
series: {1: {type: 'line'}},
vAxis: {
viewWindow: {
min:0
}
}
};
var options_annee2 = {
title: '${title2}',
seriesType: 'bars',
series: {1: {type: 'line'}},
vAxis: {
viewWindow: {
min:0
}
}
};
var options_annee3 = {
title: '${title3}',
seriesType: 'bars',
series: {1: {type: 'line'}},
vAxis: {
viewWindow: {
min:0
}
}
};
var options_annee4 = {
title: '${title4}',
seriesType: 'bars',
series: {1: {type: 'line'}},
vAxis: {
@@ -42,8 +99,14 @@
}
};
var chart_annee = new google.visualization.ComboChart(document.getElementById('barChart_annee'));
chart_annee.draw(data_annee, options_annee);
var chart_annee1 = new google.visualization.ComboChart(document.getElementById('barChart_annee1'));
chart_annee1.draw(data_annee1, options_annee1);
var chart_annee2 = new google.visualization.ComboChart(document.getElementById('barChart_annee2'));
chart_annee2.draw(data_annee2, options_annee2);
var chart_annee3 = new google.visualization.ComboChart(document.getElementById('barChart_annee3'));
chart_annee3.draw(data_annee3, options_annee3);
var chart_annee4 = new google.visualization.ComboChart(document.getElementById('barChart_annee4'));
chart_annee4.draw(data_annee4, options_annee4);
}
</script>