11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à toutes et tous !

Voilà j'ai un petit problème.. j'ai un projet de stage à faire et je suis presque au bout ! Je dois faire une courbes de stats avec la FLOT de JQUERY, donc en ordonnées j'ai des valeurs (récupérées avec une requête sql sur la base postgres) et en abscisse des dates (aussi récupérées avec la requête sql), j'obtiens bien une courbe correspondant aux valeurs, les seuls soucis c'est que :
** les valeurs ne tombent pas à la verticale des dates
** les dates ne commencent pas à la date demandée
** des dates aparaissent alors qu'elles ne devraient pas

Voici mon code :

<div id="graph1" style="width:1300px;height:400px;"></div>
<script type="text/javascript">
$(function () {

<?php

echo "   var data = [";
$cpt="0";
$aff ="";

include ('../connect.php');
// Requete SQL
$req = 'select "SPP_NB_IND", "SPP_DATE" from "STAT_PERPHY" where "SPP_SAGES" = \''.$sages.'\' AND "SPP_DATE" between \''.$jourtableau.' 00:00:00\' and \''.$jourfinw.$
$res = pg_query($req);
//$reqd = 'select "SPP_DATE" from "STAT_PERPHY" where "SPP_SAGES" = \''.$sages.'\' AND "SPP_DATE" between \''.$jourtableau.' 00:00:00\' and \''.$jourfinw.' 23:59:59\$
//$resd = pg_query($reqd);

// On met les valeurs obtenues dans un tableau
while ( $row = pg_fetch_assoc ($res) )
{
 //echo $row['SPP_NB_IND']."<br>"; 
 $var=$row['SPP_NB_IND'];
 $abscisse=strtotime($row['SPP_DATE']) * 1000;
//while ( $roww = pg_fetch_assoc ($resd) )
//        {
//       $abscisse=strtotime($roww['SPP_DATE']) * 1000;        
//        }
echo"[$abscisse, $var],";
}


echo "];";
?>
var options = {
                lines: {
                        show: true
                },
                points: { show: true
                },
                xaxis: {
                        mode: "time",
                        timeformat : "%d-%m",
                        minTickSize : [1, "day" ],
                        tickLength: 5
                }
};
<?php
echo "$.plot($(\"#graph1\"), [ data ], options);";
?>
});
</script>



En espérant que vous puissiez m'aider !
Cordialement,
Tanaes.
Modifié par Tanaes (18 Jun 2014 - 10:50)