Discussion :

[sethlegoauld]

Est-il possible d'ajouter dynamiquement plusieurs series a un graphe? Typiquement, mes donnes sont dans une grilles, chaque ligne correspondant a une series. Je voudrais pouvoir (de-)selectionner les lignes dans la grille et afficher celles selectionnees dans le graphe.
Merci!

[takitano]

Bonjour,

tout d'abord, je te conseil loader tes données vers le data-grid pour l'affichage de tes données dans un tableau.
et en même temps tu chargez tout tes données() de toutes tes series (en xml ou json) vers ton jschart ...ou autre afficheur de graphe ...

ensuite, je te conseil de créer une colonne avec un lien 'affichage graphique' dans lequel tu feras un appel de fonction... par exemple:

<a href="#" onclick="display_graph(\'nom_de_la_serie\');">

enfin dans ta fonction 'display_graph', tu selectionnes les serie que tu souhaites...

en gros, tu auras :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function display_graph(name){
var myChart = new JSChart('ma_div', 'line');
 
if(name=='population')
   myChart.setDataArray(pop);
if(name=='habitant')
   myChart.setDataArray(habitant);
myChart.draw();}

enfin si tu veux vraiment afficher lors d'un clique sur une ligne, il faut utiliser l'evenement rowclick de ton objet gridpanel...
on aura un code du style:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var panel = new Ext.grid.GridPanel({
   title:'toto',
   ...//tous tes attributs
   listeners:{
      'rowclick':function(a,b,c){
         var myChart = new JSChart('ma_div', 'line');
 
         if(b==0)
         myChart.setDataArray(pop);
         if(b==1)
         myChart.setDataArray(habitant);
         myChart.draw();
}}
});