stats delais -> indices de performances
This commit is contained in:
@@ -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 />
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user