File "recap.html"

Full path: /home/meharicl/www/graphe/recap.html
File size: 4.85 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: {
categories: ['Bouches du rhône','Landes','Gironde','Somme','Var','Indre et Loire','Val d\'Oise','Charente maritime','Loire Atlantique','Loir et Cher','Nord','Haute Savoie','Hérault','Yvelines','Pyrénées Atlantiques','Corse du Sud','Essonne','Cher','Haut Rhin','Alpes maritimes','Vendée','Loiret','Isère','Pas de Calais','Seine et Marne','Eure','Gard','Maine et Loire','Calvados','Drôme','Bas Rhin','Seine Maritime','Haute garonne','Oise','Morbihan','Finistère','Marne','Savoie','Manche','Aisne','Rhône','Tarn','Vaucluse','Haute Corse'],
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',
data: [153,86,80,77,74,67,62,60,52,48,47,45,43,43,42,41,38,38,37,37,36,33,31,31,30,30,29,28,27,27,26,26,26,26,25,25,23,23,22,21,21,20,19,18]}]
});

$('#container_reg').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par région'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
categories: ['Provence Alpes Côte d\'Azur','Aquitaine','Centre','Ile de France','Rhône Alpes','Pays de la Loire','Picardie','Poitou Charente','Midi-Pyrénées','Languedoc Roussillon','Bretagne','Nord Pas de Calais','Alsace','Basse Normandie','Corse','Haute Normandie','Lorraine','Bourgogne','Champagne Ardenne','Franche Comte','Auvergne','Limousin','DOM','TOM','TSP'],
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',
data: [299,234,220,219,196,134,124,103,101,98,81,78,63,63,59,56,55,46,42,37,33,28,25,2,2]
}]
});

$('#container_pays').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par pays'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
categories: ['France','Hollande','Danemark','Belgique','Etats-Unis','Suisse','Allemagne','Espagne','Italie','Portugal','Luxembourg','Royaume Uni','Inconnu','Sénégal','Tunisie','République de Saint-Marin','Canada','Cuba','Uruguay','Togo','Japon'],
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',
data: [2398,385,68,50,27,26,8,7,6,5,3,3,2,1,1,1,1,1,1,1,1]
}]
});

$('#container_type').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Nombre de méhari par modèle'
},
subtitle: {
text: 'Source: recensement MCDF'
},
xAxis: {
categories: ['70/77','78/87','69','4x4','Azur','US','Autre','Pré-Série','Plage'],
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',
data: [1459,960,357,122,108,36,14,7,3]
}]
});
});
})(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>