Dessiner des Courbes avec extjs

Bonjour,

Je voudrai dessiner des courbes en utilisant Extjs.
J'ai fais la découverte d'un toolkit : http://code.google.com/p/extflot/ réalisant des courbes avec extjs.

J'aurai une question concernant l'alimentation en données pour dessiner une courbes.
Si j'ai bien compris ce toolkit il attend des tableau pour dessiner des courbes.

J'obtiens les données que je veux afficher en format XML.
Ces données sont de la forme :

Code:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<Debits>
  <Debit>
    <id>23607</id>
    <dateDebit class="sql-timestamp">2009-04-28 14:17:37.851</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>62082</id>
    <dateDebit class="sql-timestamp">2009-05-07 14:04:00.538</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>93</id>
    <dateDebit class="sql-timestamp">2009-04-20 12:14:42.691</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>47137</id>
    <dateDebit class="sql-timestamp">2009-05-06 11:30:31.299</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>77026</id>
    <dateDebit class="sql-timestamp">2009-05-22 09:06:18.334</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>54611</id>
    <dateDebit class="sql-timestamp">2009-05-06 15:01:33.194</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>69555</id>
    <dateDebit class="sql-timestamp">2009-05-11 10:14:06.47</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>23606</id>
    <dateDebit class="sql-timestamp">2009-04-28 14:17:37.715</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
  <Debit>
    <id>39526</id>
    <dateDebit class="sql-timestamp">2009-04-29 14:51:30.392</dateDebit>
    <coffreId>2</coffreId>
    <depose>0</depose>
    <enCours>0</enCours>
    <archive>0</archive>
  </Debit>
</Debits>

Je voudrais extraire de ce fichier xml les champs :

dateDebit
depose
enCours
archive

pour les dessiner sous forme de courbe d'évolution.

Mon axe en abscisse serait le champ dateDebit et les autres champs en ordonnées.

Je voudrais savoir s'il existe un moyen en extjs de parcourir ce fichier xml afin d'obtenir les 4 tableaux .

Je me suis penché du côté de l'objet Ext.data.store :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
this.reader=new Ext.data.XmlReader({
        record: 'Debit'
 
    }, [
    'enCours','archive','dateDebit','depose'
    ]);
    var store = new Ext.data.Store({
        // load using HTTP
        proxy: new Ext.data.HttpProxy({
            url: 'monFichier.xml'
        }),
 
        reader: this.reader,
        autoLoad:true
    });

Je n'arrive pas à mettre en forme le tableau.
Si vous avez une idée.

Je vous en remercie par avance.