Discussion :

[georgie2]

Bonjour, je débute avec ExtJS mais je commence à saisir le MVC, j'arrive à afficher des données issues de BDD dans des formulaires ExtJS, sans plus.

J'essaie maintenant de créer des graphiques, mais j'avoue que je bute complètement avec les exemples fournis.

Celui-ci par exemple (http://dev.sencha.com/deploy/ext-4.0...harts/Pie.html), qui semble pourtant être le plus simple.

Je n'arrive pas à saisir où sont stockés les données (des % apparemment, sur des mois de l'année), et à quoi sert la fonction "generate data". En effet à chaque fois qu'on rafraîchit la page, le graphique évolue...

N'y a-t-il pas des exemples de graphiques plus accessibles ? Comment procédez-vous pour créer des "graphiques de base" ?

Merci !

[georgie2]

Bon je vais m'auto-répondre pour ceux que ça peut aider !

Alors les graphiques sur ExtJS c'est galère mais... c'est beau !
Je n'ai vraiment trouvé aucune documentation en français, mise à part les tutos d'initiation aux 1ers tableaux, mais dès qu'on arrive sur les graphiques, c'est en anglais !

Ici mon 1er graphique, avec tout son code accessible :
http://cartoperso.fr/tutoriels/extjs/attaques.html

[sekaijin]

non les graphoque sencha c'est pas la galère ça marche exactemen comme un grid, un form, un conteneur, un ...
ben exactement comme tous le reste de sencha

une fois qu'on a compris le data-package/ ça roule tout seul.

dans sencha on défini une vue sur un datastore. cette vue peut être une grid comme un graphe où bien d'autre type. le datastore représente dans l'espace JS la source de données. si les données sont sur un sevreur le datastore implémente un proxy qui se charge d'assurer les echanges entre le serveur et js.
Sencha assure la laison entre le datastore et la vue.

le plus simple et de suivre le tutoriel MVC de sencha qui est très pédagogique et qui met en place un grid
le fonctionnement d'un graphe suit exactement la même logique la différence est que les options de présentation sont différentes.

je te conseille
1) suivre le tuto MVC de sencha
2) remplacer le model par des données numérique et adapter le grid pour les afficher
3) adapter le form pour éditer les données du nouveau modèle
4) ajouter dans la vue un graphe et le lier au même datastore.
5) ceer le php qui traite les données du formulaire et renvois les données du store.

et magique lorsque tu édite une ligne ton graphe s'adapte seul.
A+JYT

[georgie2]

Oui oui allez voir mon lien au-dessus, j'ai fait un tableau + un graph, le tout basé sur le même "Store" (ahahaa) et sur une requête à une base de données !

J'en suis très content !

[sekaijin]

As tu essayé dans ton example de cliquer sur le titre des colonnes pour les trier ?
A+JYT

[georgie2]

ouiiiiiiiiiiiiiiiiiiiiiiiiiii !!!!!!!!!!!!