Il faut evidement un serveur web de type apache avec le support php mais
mysql n'est pas utile.
Utilise le javascript dygraph qui permet d'afficher
des graphiques facilement et assez jolis.
http://SERVEUR_WEB/visut.php?titre=TITRE%20DU%20GRAPHIQUE&cvs=NLes valeurs de N :
<html>
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Refresh" CONTENT="120">
<META HTTP-EQUIV="Expires" CONTENT="2000/01/01">
<META HTTP-EQUIV="Cache-Control" CONTENT="must-revalidate">
<META NAME="Keywords" CONTENT="météo, station météo, vents, pluie, température, humidité, baromètre, chomérac">
<script type="text/javascript" src="dygraph-combined.js"></script>
<title>TITRE DE LA PAGE</title>
</head>
<body bgcolor=#ffff99>
<center><h2>TITRE DE LA PAGE</h2>
<br><br>
</center>
<?
include "csv.php";
$titre=$_GET["titre"];
$csv=$_GET["csv"];
// csv = 0 -> sur la journée
// csv = 1 -> sur 2 jours
// csv = 2 -> sur 7 jours
// csv = 3 -> sur 30 jours
?>
<div id="div_g" style="width:100%; height:300px;"></div>
<center>
<p><h3><b>Visualisation des données <? echo $titre; ?></b></h3></p>
<p>
<input type=checkbox id="0" checked onClick="change(this)">
<label for="0">Température extérieure (°C)</label>
<input type=checkbox id="1" onClick="change(this)">
<label for="1">Point de Rosée (°C)</label>
<input type=checkbox id="2" onClick="change(this)">
<label for="2">Humidité extérieure (%)</label>
<input type=checkbox id="3" onClick="change(this)">
<label for="3">Vitesse du Vent (km/h)</label>
<input type=checkbox id="4" onClick="change(this)">
<label for="4">Température ressentie (°C)</label>
<input type=checkbox id="5" onClick="change(this)">
<label for="5">Pression atmosphérique (hPa)</label>
<br>
<input type=checkbox id="6" onClick="change(this)">
<label for="6">Précipitation 1h (mm)</label>
<input type=checkbox id="7" onClick="change(this)">
<label for="7">Précipitation depuis 24h (mm)</label>
<input type=checkbox id="8" onClick="change(this)">
<label for="8">Précipitation cumulée (mm)</label>
</p>
</center>
<script type="text/javascript">
g = new Dygraph( document.getElementById("div_g"),
<?
echo "[\n";
switch ($csv) {
case 0:
$tabfich = file($CSV_JOUR);
foreach($tabfich as $ligne) echo "$ligne";
break;
case 1:
$tabfich = file($CSV_SEM1);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM0);
foreach($tabfich as $ligne) echo "$ligne";
break;
case 2:
$tabfich = file($CSV_SEM7);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM6);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM5);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM4);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM3);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM2);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM1);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_SEM0);
foreach($tabfich as $ligne) echo "$ligne";
break;
case 3:
if (file_exists($CSV_MOIS30)) {
$tabfich = file($CSV_MOIS30);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS29)) {
$tabfich = file($CSV_MOIS29);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS28)) {
$tabfich = file($CSV_MOIS28);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS27)) {
$tabfich = file($CSV_MOIS27);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS26)) {
$tabfich = file($CSV_MOIS26);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS25)) {
$tabfich = file($CSV_MOIS25);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS24)) {
$tabfich = file($CSV_MOIS24);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS23)) {
$tabfich = file($CSV_MOIS23);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS22)) {
$tabfich = file($CSV_MOIS22);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS21)) {
$tabfich = file($CSV_MOIS21);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS20)) {
$tabfich = file($CSV_MOIS20);
foreach($tabfich as $ligne) echo "$ligne";
}
if (file_exists($CSV_MOIS19)) {
$tabfich = file($CSV_MOIS19);
foreach($tabfich as $ligne) echo "$ligne";
}
$tabfich = file($CSV_MOIS18);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS17);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS16);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS15);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS14);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS13);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS12);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS11);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS10);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS9);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS8);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS7);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS6);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS5);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS4);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS3);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS2);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS1);
foreach($tabfich as $ligne) echo "$ligne";
$tabfich = file($CSV_MOIS0);
foreach($tabfich as $ligne) echo "$ligne";
break;
}
echo "]\n";
?>
,
{
labels: [ "Date","Température extérieure","Point de Rosée","Humidité extérieure","Vent","Temp ressentie","Pression","Pluie 1h","Pluie 24H","Pluie Totale" ],
labelsSeparateLines: true,
labelsDivStyles: {
'text-align': 'right',
'background': '#ffff99'
},
visibility: [true, false, false, false, false, false,false,false,false]
}
);
setStatus();
function setStatus() {
document.getElementById("visibility").innerHTML =
g.visibility().toString();
}
function change(el) {
g.setVisibility(parseInt(el.id), el.checked);
setStatus();
}
</script>
</body>
</html>