Discussion :

[S_KroW]

Bonjour,
j'ai cherché mais sans succès...

Y a-t-il une possibilité de créer un chart en Flex qui affiche sur l'axe des X une timeline sur laquelle viendrait s'afficher mes données?

Je m'explique :

J'ai des données financière stockée dans une bdd avec la valeur de l'action ainsi que la date/Heure qui correspond.
J'aimerai afficher ceci sur un chart avec une timeline régulière.
En effet, pour l'instant j'affiche les données, mais si il y a un "trou" de 1heure dans mes donnée, le chart va continuer normalement (lineaire) sans "marquer" ce "trou" d'une heure. la representation graphique est donc faussée.

C'est pas facile a expliquer, j'espere m'etre fait comprendre.

Merci d'avance

[jylaxx]

Oui bien sur c'est possible. Il faut utiliser un axe de type DateTimeAxis

[S_KroW]

Magnifique, cependant je n'arrive pas a le faire fonctionner
As-tu des exemples d'utilisation?

Pour etre sur que c'est bien utile pour mon projet, je me répète:

J'ai des données qui viennent d'une BDD (Rates, Date, Time) j'aimerai afficher mes "rates" en fonction de la Date et de l'Heure, avec l'axe des X etant une TIMELINE. c'est bien a ca que ca sert le mxateTimeAxis????

Mon chart:

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
23
24
25
 
        <mx:LineChart id="Linechart"
            height="100%" 
            width="88%"
            paddingLeft="5" 
            paddingRight="1" 
            showDataTips="true"
            itemClick="clickChart(event)">   
 
            <mx:horizontalAxis>
                 <mx:CategoryAxis id="CategorieAxis" categoryField="Date" />
                 ici il faut une mx:DateTimeAxis
            </mx:horizontalAxis>
            <mx:verticalAxis>
            	<mx:LinearAxis  id="linearAxis"  baseAtZero="false" />
            </mx:verticalAxis>
 
            <mx:series>
            	<mx:LineSeries
                    yField="Rate"
                    displayName="Rate"
                    showDataEffect="{interpolateIn}" 
                />
            </mx:series>
        </mx:LineChart>

Et mon LineChart.dataProvider c'est une Array qui vient d'une requete PHP sur une bdd

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
             $result = mysql_query($query);
	     $ret = array();
	     while ($row = mysql_fetch_object($result)) {
	     $tmp = new VORates();
	     $tmp->id = $row->id;
	     $tmp->Date = $row->myDate;
	     $tmp->Time = $row->myTime;
	     $tmp->Rate = $row->Rate;
	     $ret[] = $tmp;
	     }
	     mysql_free_result($result);
	     return $ret;

Voila, je suis nouveau dans ce monde de Flex, j'espere vraiment que qqun pourra m'aider.

Merci d'avance

[jylaxx]

Oui il faut remplacer CategoryAxis par DateTimeAxis.

Et dans ton LineSeries il faut affecter à dataFunction une fonction qui va générer un objet de type Date à partir de tes champs myDate et myTime (à moins de créer un seul champ côté serveur).

[S_KroW]

OK, j'ai un peu honte de revenir sans résultat apres tes explications...
J'ai donc ajouter a la place de mon CategoryAxis un DateTimeAxis.

Code :

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

1
2
3
4
5
 
<mx:horizontalAxis>
                 <!--<mx:CategoryAxis id="CategorieAxis" categoryField="Date" />-->
                  <mx:DateTimeAxis id="timeAxis"  baseAtZero="false"   parseFunction="parseDateFunction" /> 
            </mx:horizontalAxis>

mais la je bloque... Dans ma parseDateFunction je sais pas trop comment m'y prendre. J0ai ca :

Code :

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

1
2
3
4
5
 
public function parseDateFunction(s:String):Date 
       	{            
          return new Date(Number(s));        
       	}

Sauf que ca ne fonctionne pas

De plus je ne sais pas trop quoi mettre dans ma Serie.

Code :

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

1
2
3
4
5
6
7
8
9
10
<mx:series>
            	<mx:LineSeries
                    yField="Rate"
                    xField=???????????????????
                    displayName="Rate"
                    showDataEffect="{interpolateIn}" 
 
                />
 
            </mx:series>

Désolé, je comprendrai tout a fait si tu n'as pas le temps de m'aider.

Dans tout les cas merci

[jylaxx]

tu m'as pas bien lu !

J'ai écrit : dans ton LineSeries il faut affecter à dataFunction une fonction qui va générer un objet de type Date à partir de tes champs myDate et myTime

Je n'ai pas évoqué la fonction parseDateFunction de DateTimeAxis !!!!
Celle-ci serait utilisé si tu avais un seul champ pour la date et l'heure.

Pour les valeurs de xField et yField je me réfère à la doc qui n'est pas super claire mais si j'ai bien compris tu donnes des valeurs qui sont ensuite testées dans la dataFunction.

Regarde l'exemple de dataFunction dans Series.