affichage d'un graphique

[DiverSIG]

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 :

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 :

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 :

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 :

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

[abraxis]

Je vais peu être racontrer une bétise mais essais de modifier ton JsonStore comme ceci:

Code :

fields: ['jour', 'c']

[DiverSIG]

ça marche si j'enlève ces 3 lignes :

Code :

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