Flex chart avec une Timeline

Version imprimable

24/03/2010, 23h17
S_KroW

Flex chart avec une Timeline

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 :)
24/03/2010, 23h32
jylaxx

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

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 mx:DateTimeAxis????

Mon chart:

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
 
        <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:

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

25/03/2010, 00h12
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).

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:

1 2 3 4 5 <mx:horizontalAxis>  <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:

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:

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

25/03/2010, 15h35
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.