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

jQuery Discussion :

Json jquery et highcharts


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2008
    Messages : 28
    Par défaut Json jquery et highcharts
    Bonjour.

    Je récupère des données au format Json comme
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    {"status":"ok","body":{"1368655200":[20.7],"1371333600":[21.9],"1373925600":[24.5],"1376604000":[24.6],"1379282400":[23.5],"1381874400":[22.1],"1384556400":[20.3],"1387148400":[20.1]},"time_exec":0.023688793182373,"time_server":1388092676}
    Je souhaite maintenant créer un graphique Highcharts en utilisant les données suivantes

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    {"1368655200":[20.7],"1371333600":[21.9],"1373925600":[24.5],"1376604000":[24.6],"1379282400":[23.5],"1381874400":[22.1],"1384556400":[20.3],"1387148400":[20.1]}
    J'ai essayé par 2 méthodes mais je sèche

    1ere Methode:

    Je récupère toutes les informations via Curl mais je sèche pour sélectionner les informations désirées

    2ème méthode:

    j'utilise

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    $(function() {
     
     
      $.getJSON('<?php echo $url ; ?>' , function(data) {
     
            console.log('test');
       });
     
     
    });
    Mais rien dans la console et pas d'erreur et la requête s’exécute.


    Est-ce que je suis sur la bonne piste avec une des 2 méthodes?
    Si oui , pouvez-vous me guider?

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var data = {"status":"ok","body":{"1368655200":[20.7],"1371333600":[21.9],"1373925600":[24.5],"1376604000":[24.6],"1379282400":[23.5],"1381874400":[22.1],"1384556400":[20.3],"1387148400":[20.1]},"time_exec":0.023688793182373,"time_server":1388092676};
    console.log( data.status);
    console.log( data.body);

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2008
    Messages : 28
    Par défaut
    Merci.

    Par contre pour être utilisable dans highcharts , il faudrait multiplier par 1000 le timestamp.
    Comment procéder?

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    il faudrait multiplier par 1000 le timestamp.
    ...rien compris !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2008
    Messages : 28
    Par défaut
    Il faudrait multiplier par mille toutes les données en rouge dans le code ci-dessous pour être utilisable dans Highcharts

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    {"1368655200":[20.7],"1371333600":[21.9],"1373925600":[24.5],"1376604000":[24.6],"1379282400":[23.5],"1381874400":[22.1],"1384556400":[20.3],"1387148400":[20.1]}
    Comment procéder?

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    La façon de procéder me paraît bizarre et lourd à parier que Highcharts sait le gérer.

    Tu peux néanmoins créer un nouvel objetData et l'initialiser à partir des clé/valeurs de l'objet de départ.

    En reprenant l'exemple ci dessus
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var newData ={};
    for( var i in data.body){
      // ajout de 000 pour simuler la multiplication par 1000
      newData[ i+'000'] = data.body[i];
    }
    console.log( 'AFTER' ,newData);

Discussions similaires

  1. Jquery et Highcharts
    Par bilbot75 dans le forum jQuery
    Réponses: 0
    Dernier message: 08/05/2013, 01h13
  2. [EJB / REST / JSON / JQuery] Problème pour faire un POST
    Par saveriu dans le forum Services Web
    Réponses: 1
    Dernier message: 19/04/2012, 11h08
  3. Réponses: 2
    Dernier message: 04/04/2012, 10h01
  4. Struts 2 + JSON + JQuery
    Par bourbah dans le forum Struts 2
    Réponses: 2
    Dernier message: 15/11/2011, 11h49
  5. Webservices - JSON - JQUERY
    Par aurelien.tournier dans le forum Services Web
    Réponses: 3
    Dernier message: 07/11/2010, 11h32

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