Jquery flot, affichage points et dates
Salut les dév !
Voilà, j'ai un petit problème (certainement très bête) mais je bloque dessus depuis 3-4 jours...
Bon j'explique : ** j'affiche un graphique qui récupère pour ordonnée des chiffres dans une base de données et je dois afficher en abcsisse les dates correspondantes aux valeurs récupérer
** j'aimerais affiche des points sur ma courbe (faite avec jquery flot) afin d'avoir une lecture plus simplifiée du graphique, j'ai vu des "tutos" sur le net mais quand je mets ceci en application rien ne s'affiche.
Code pour le graphique :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <div id="graph1" style="width:800px;height:500px;"></div>
<script type="text/javascript">
$(function () {
<?php
echo " var data = [";
$cpt=0;
include ('../connect.php');
// Requete SQL
$req = 'select "SPP_NB_IND" from "STAT_PERPHY" where "SPP_SAGES" = \''.$sages.'\' AND "SPP_DATE" between \''.$jourtableau.' 00:00:00\' and \''.$jourfinw.' 23:59:59\'';
$res = pg_query($req);
// 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'];
echo "[$cpt,$var],";
$cpt++;
}
echo "];";
echo " $.plot($(\"#graph1\"),[data]);";
?>
});
</script> |
Le code pour essayer d'afficher les points :
Code:
1
2
3
4
5
| var options = {
lines: { show: true },
points: { show: true },
yaxis: { tickDecimals: 0, show: true }
}; |
(j'ajoute le var options entre " $(function () { " et le début de la balise " <?php " )
Et je modifie aussi le $.plot(
Code:
echo " $.plot($(\"#graph1\"),[data, options]);";
Merci pour votre aide !
Codialement,
Tanaes.
