plotter plusieurs graphiques sur la meme page

**ikuzar** · 16/04/2012, 19h21

Bonjour,

je n'ai pas trouvé sur les tutoriels concernant "Flot" (librairie Javascript permettant d'afficher des courbes) comment ploter plusieurs graphiques sur une même page. (1 graphique par jour donc je dois afficher 29 à 31 graphiques selon le mois). J'arrive à plotter un seul graphique: je fais une boucle mais cela n'afficher que le dernier.

merci d'avance pour votre aide.

**MaitreKaio** · 17/04/2012, 10h16

J'ai lu tes deux questions et personnellement je ne vois pas du tout de quoi tu parles. Je ne dois pas être le seul vu que tu n'as pas de réponse...
Flot c'est quoi ? Tu as un bout de code à montrer ?

**ikuzar** · 17/04/2012, 10h19

Flot est une librairie Javascript permettant de tracer des courbes.

**Loceka** · 17/04/2012, 10h58

Envoyé par MaitreKaio

Tu as un bout de code à montrer ?

**ikuzar** · 17/04/2012, 13h04

Voici un exemple simple. Sur l'axe des abscisses et l'axe des ordonnées, j'ai des entiers allant de 0 à 1000 (en réalité, j'utiliserai des timestamp sur une période de 15 jours).

Vous pouvez télécharger la librairie flot ici pour que le code ci-dessous fonctionne: http://code.google.com/p/flot/downloads/list

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
        <script language="javascript" type="text/javascript" src="flot/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="flot/jquery.flot.js"></script>
        <title></title>
    </head>
    <body>
        <h1>test PHP</h1>
        <?php
     
            $tmp = array();
            for($i=0; $i<1000; $i++){
                $tmp[] = array($i,$i);
            }
            $idpm = 4352;
            echo '<div id="placeholder' . $idpm . '" style="width:600px;height:300px;"></div>';              
            echo '<script type="text/javascript">
               $(function () {
                    //ICI
                    var bloc= ' . json_encode($tmp) . ';
                    $.plot($("#placeholder' . $idpm . '"), [ bloc ]);
                }); 
            </script>';
        ?>
    </body>
</html>

Avec ce code, j'ai un seul graphique dont les axes 0x et 0y vont de 0 à 1000. Ce que je cherche à obtenir c'est avoir 5 graphiques, dont les axes 0x et 0y vont respectivement de 0 à 200, 201 à 400, 401 à 600, 601 à 800, 801 à 100 . En gros découper le graphique en 5 morceaux.

plotter plusieurs graphiques sur la meme page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager