File "squelette.html"
Full path: /home/meharicl/www/graphe/squelette.html
File
size: 3.42 B
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<html>
<head>
<title>Recensement Statistiques</title>
<link rel="stylesheet" type="text/css" href="/graphe/defaut.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[
(function($){
$(function () {
$('#container_dep').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Top 50 méhari par département'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
###Nom_Dept###
title: {
text: 'Départements'
}
},
yAxis: {
min: 0,
title: {
text: 'Nombre de méhari',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' unités'
},
plotOptions: {
bar: {
pointPadding: 0.2,
borderWidth: 0,
pointWidth: 10,
borderRadius: 2,
dataLabels: {
enabled: true
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: [{
name: 'Nb de méhari',
###Nb_Dept###}]
});
$('#container_reg').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par région'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
###Nom_Region###
labels: {
rotation: 270
},
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Nombre de méhari',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' unités'
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
pointWidth: 8,
borderRadius: 2,
dataLabels: {
enabled: false
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: [{
name: 'Nb de méhari',
###Nb_Region###
}]
});
$('#container_pays').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par pays'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
###Nom_Pays###
labels: {
rotation: 270
},
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Nombre de méhari',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' unités'
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
pointWidth: 11,
borderRadius: 2,
dataLabels: {
enabled: true
}
},
series: {
dataLabels: {
enabled: true
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: [{
name: 'Nb de méhari',
###Nb_Pays###
}]
});
$('#container_type').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par modèle'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
###Nom_Type###
labels: {
rotation: 270
},
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Nombre de méhari',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' unités'
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
pointWidth: 15,
borderRadius: 2,
dataLabels: {
enabled: true
}
},
series: {
dataLabels: {
enabled: true
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: [{
name: 'Nb de méhari',
###Nb_Type###
}]
});
});
})(jQuery);
//]]>
</script>
</head>
<body>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container_dep"></div>
<div id="container_reg"></div>
<div id="container_pays"></div>
<div id="container_type"></div>
</body>
</html>