<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link rel="stylesheet" href="bootstrap.min.css"/>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<title>Moyenne de durée d'appels par campagne</title>
<h1>La moyenne de durée d'appel par campagne du : 2012-10-01 au 2012-11-30 est : </h1><br /></br />
<div id="tab1">
<table class="table table-striped">
<thead>
<tr>
<th>Campagne</th>
<th>Moyenne de durée d'appel de produits vendus</th>
<th>Moyenne de durée d'appel de produits non vendus</th>
<th>Moyenne de durée d'appel totale</th>
</tr>
</thead>
<tbody>
<tr><td>Bonnets Nike</td><td>00:00:00<td>00:02:00<td>00:02:00</tr><tr><td>Campagne NIKE</td><td>00:10:00<td>00:00:00<td>00:10:00</tr>
</tbody>
</table>
</div>
</br>
<a href="index.php" class="btn btn-primary">Retour à la page précédente</a>
</body>
<!DOCTYPE html>
<html>
<head>
<title>Moyenne de durée d'appels par campagne</title>
<meta charset="ISO-8859-1">
<link rel="stylesheet" href="bootstrap.min.css"/>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(result);
function result() {
var data = google.visualization.arrayToDataTable([
['Campagne', ' Moynne de durée d\'appel total (en seconde)'],
['Bonnets Nike', 120],['Campagne NIKE', 600]]);
var options = {
title: 'Moyenne de durée d\'appel par campagne',
hAxis: {title: 'Campagne', titleTextStyle: {color: 'blue'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('result'));
chart.draw(data, options);
}
</script>
<div id="result" style="width: 900px; height: 500px;"></div>
</body>
</html>
</html>