IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Graphique avec tableau


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    324
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2006
    Messages : 324
    Par défaut Graphique avec tableau
    Bonjour,

    Voici mon problème :

    Je crée des tableaux en php que je transforme en suite en javascript (voir le code ci-dessous) pour les utiliser avec jquery et flot. tab_temp_java represente les abscisses et tab_point_java les ordonnées


    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
    <script language="Javascript">
    var tab_point_java = new Array;
    var tab_temp_java = new Array;
    <?php
     
                                    $tab_point_php= array();
                                    $temp_php= array();
                                    $tab_point_php=$total;
                                    $temp_php=$peak_time1;
     
     
    $a=0;
    $b=0;
     
    foreach($temp_php as $var_temp){
     echo "tab_temp_java[$a] = '$var_temp';";
    $a++;
    }
     
    foreach($tab_point_php as $var_point){
     echo "tab_point_java[$b] = '$var_point';";
    $b++;
    }
     
     
    ?>
    </script>
    Mon problème et que je ne sais pas integrer mes tableaux d'abscisse et d'ordonnées dans le code javascript donné ci-dessous en exemple par JQUERY pour afficher mon graphique.


    Merci

    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
    29
    30
    31
    32
    <div id="monGraphique" style="width:600px;height:300px;"></div>
     
     
       <script language="javascript" type="text/javascript">
        $(  function () 
            {
                 var d1 = [];
                 for (var i = -10; i < 10; i += 0.1){
                     d1.push([i, Math.sin(i)]);
                 }
     
                var data = [
                {
                  label: "Fonction Sinus",
                  data: d1
                 }
                ];
     
     
               var options = {
                   legend: {
                           show: true,
                           margin: 10,
                           backgroundOpacity: 0.5
                   }
               };
     
               var plotarea = $("#monGraphique");
               $.plot( plotarea , data, options );
            }
        );
        </script>

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    peux tu donner le code javascript généré stp ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    324
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2006
    Messages : 324
    Par défaut
    Je n'ai encore rien généré !

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    ok, essaie de produire un code du genre:

    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
    29
    30
    31
    32
    33
    34
     
    <script language="javascript" type="text/javascript">
        $(  function () 
            { 
    <?php
      $js[] = "var points = [];";
      for(...) {
        $js[] = "points.push([ $abs, $ord ]);";
      }
      echo implode("\n", $js);
    ?>
     
     
                var data = [
                {
                  label: "Ma Fonction",
                  data: points
                 }
                ];
     
     
               var options = {
                   legend: {
                           show: true,
                           margin: 10,
                           backgroundOpacity: 0.5
                   }
               };
     
               var plotarea = $("#monGraphique");
               $.plot( plotarea , data, options );
            }
        );
    </script>

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    324
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2006
    Messages : 324
    Par défaut
    Je mets quoi dans la boucle for ?

  6. #6
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    qulque chose dans le genre de ce que tu as déjà fait, il faut itérer ton tableau
    de points.

Discussions similaires

  1. Afficher graphique avec tableau de données
    Par Specifik dans le forum Windows Forms
    Réponses: 0
    Dernier message: 30/01/2014, 14h10
  2. Tableau graphique avec NetBeans
    Par khadi8 dans le forum NetBeans Platform
    Réponses: 5
    Dernier message: 11/04/2012, 10h07
  3. Graphique avec un tableau multi-multi-colonne
    Par koolway dans le forum Excel
    Réponses: 7
    Dernier message: 12/06/2009, 08h01
  4. Creer un tableau graphique avec la commande tbl et troff
    Par sedawk dans le forum Shell et commandes GNU
    Réponses: 4
    Dernier message: 16/09/2008, 18h04
  5. Réponses: 3
    Dernier message: 29/04/2007, 17h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo