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

Ext JS / Sencha Discussion :

affichage d'un graphique


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    491
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 491
    Par défaut affichage d'un graphique
    Bonjour,

    J'essaie d'afficher un graphique, avec des données stockées dans un JsonStore fabriqué à partir d'une requête à une base de données.

    le JsonStore renvoyé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    [{jour:"1987-03-27",c:37.68},{jour:"1987-03-28",c:64.65},{jour:"1987-03-29",c:137.29},{jour:"1987-03-30",c:99.91},{jour:"1987-03-31",c:78.24},{jour:"1987-04-01",c:85.6533333333333},{jour:"1987-04-02",c:69.08},{jour:"1987-04-03",c:76.5166666666667},{jour:"1987-04-04",c:126.383333333333},{jour:"1987-04-05",c:84.66},{jour:"1987-04-06",c:82.6175},{jour:"1987-04-07",c:109.568},{jour:"1987-04-08",c:108.186},{jour:"1987-04-09",c:96.472},{jour:"1987-04-10",c:97.952},{jour:"1987-04-11",c:103.921666666667}]
    dans mon code javascript, je déclare un JsonStore :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var storeg = new Ext.data.JsonStore({
    					url: 'scripts/dbCroissance.php'
    				        ,fields: [{jour:'jour', c: 'c'}]
    				        ,autoLoad: true
    	});
    puis le code qui doit créer le graphique :
    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
    var graphe = new Ext.Panel({
            iconCls:'chart',
            frame:true,
            width:950,
            height:300,
            layout:'fit',
            items: {
                xtype: 'linechart',
                store: storeg,
                url: '../lib/ext-3.3.1/resources/charts.swf',
                xField: 'jour',
    	    xAxis: new Ext.chart.TimeAxis({
    				labelRenderer : Ext.util.Format.dateRenderer('d/m/y'),
    				majorTimeUnit: 'day'
                }),
                yField: 'c',
                yAxis: new Ext.chart.NumericAxis({
                    displayName: 'c'
                    //labelRenderer : Ext.util.Format.numberRenderer('0,0')
                })
            }
        });
    Mais j'ai rien qui s'affiche sur mon graphe !
    dans Firebug, j'ai une erreur :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    Error calling method on NPObject!
    [Stopper sur une erreur] var swfobject=function(){var F="undefi...);Ext.grid.GroupingView.GROUP_ID=1000;
    est-ce que c'est mon JsonStore qui est mal formaté ? ou autre chose ?

    Merci,
    Nico

  2. #2
    Membre éclairé
    Avatar de abraxis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2007
    Messages : 439
    Par défaut
    Je vais peu être racontrer une bétise mais essais de modifier ton JsonStore comme ceci:

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    491
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 491
    Par défaut
    ça marche si j'enlève ces 3 lignes :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    xAxis: new Ext.chart.TimeAxis({
    				labelRenderer : Ext.util.Format.dateRenderer('d/m/Y'),
    				majorTimeUnit: 'day'
                }),
    Il doit y avoir une erreur dans ce bout de code ?

    par contre, quel est le nombre maxi de points pour pouvoir tracer un graphique ? en effet, si je charge un peu la requête et qu'elle renvoie plus de 200-220 points, ça fait planter le plugin adobe flash...

    Nico

Discussions similaires

  1. Affichage de plusieurs graphiques sur une même form
    Par redpulse dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 02/02/2007, 08h41
  2. Affichage etiquette-pourcentage graphique
    Par alexbubs dans le forum Access
    Réponses: 1
    Dernier message: 24/10/2005, 09h30
  3. Affichage d'un graphique complet avec scrollbar
    Par MMIC dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 27/01/2005, 16h37
  4. Affichage en mode graphique
    Par Bidouille dans le forum Mandriva / Mageia
    Réponses: 3
    Dernier message: 09/09/2004, 11h50
  5. [QuickReport][Débutant] Affichage d'un graphique
    Par poufouille dans le forum Bases de données
    Réponses: 3
    Dernier message: 23/03/2004, 09h03

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