Ajout graphes pourcentage délais

This commit is contained in:
thienan
2021-06-17 10:33:04 +02:00
parent ad9650098b
commit 31a42c9bc5
8 changed files with 127 additions and 3 deletions

View File

@@ -71,7 +71,7 @@
title: '${title3}',
};
var chart_ca_12m = new google.visualization.SteppedAreaChart(document.getElementById('chart_ca_12m'));
var chart_ca_12m = new google.visualization.ColumnChart(document.getElementById('chart_ca_12m'));
chart_ca_12m.draw(data_ca_12m, options_ca_12m);
var chart_ca_3y_1 = new google.visualization.PieChart(document.getElementById('chart_ca_3y_1'));

View File

@@ -71,7 +71,7 @@
title: '${title3}',
};
var chart_ca_12m = new google.visualization.SteppedAreaChart(document.getElementById('chart_ca_12m'));
var chart_ca_12m = new google.visualization.ColumnChart(document.getElementById('chart_ca_12m'));
chart_ca_12m.draw(data_ca_12m, options_ca_12m);
var chart_ca_3y_1 = new google.visualization.PieChart(document.getElementById('chart_ca_3y_1'));

View File

@@ -0,0 +1,55 @@
<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-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>
</tal:block>
</select>
</div>
</div>
</form>
</div>
<div class="row">
<!-- Histogramme CA sur 12 mois par groupe -->
<div id="chart_delais_p" style="width: 100%; height: 500px;"></div>
</div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
var dataSet_delais_p = ${chart_delais_p};
function drawChart() {
var data_delais_p = google.visualization.arrayToDataTable(dataSet_delais_p);
var options_delais_p = {
title: '${title}',
};
var chart_delais_p = new google.visualization.PieChart(document.getElementById('chart_delais_p'));
chart_delais_p.draw(data_delais_p, options_delais_p);
}
</script>
</div><!-- content -->
</metal:block>

View File

@@ -8,6 +8,11 @@
<span class="glyphicon glyphicon-stats logo-warning"></span>
<h4>DELAIS MOYENS</h4></a>
</div>
<div class="col-sm-3">
<a href="${request.application_url}/delais_pourcentage/PE" tal:condition="access > 0">
<span class="glyphicon glyphicon-stats logo-warning"></span>
<h4>DELAIS POURCENTAGE</h4></a>
</div>
<div class="col-sm-3">
<a href="${request.application_url}/stats_dossiers/PE"><span class="glyphicon glyphicon-wrench logo-primary"></span>
<h4>STATS DOSSIERS</h4></a>