Les classes de type Series pour Flex Charting vous permettent de spécifier quelle donnée afficher dans le composant Chart. Toutes les classes Series sont des sous-classes de la classe mx.charts.chartClasses.Series.
Chaque type de chaque a sa propre classe de series; par exemple, un composant BarChart a une classe BarSeries qui définit la donnée à afficher dans un BarChart. Un composant PieChart à lui, des PieSeries.
Le principal objectif des series est de définir quelle donnée afficher dans un graphique. Vous pouvez utiliser les Series pour définir quel champ dans un data provider le graphique devra utiliser pour afficher les éléments sur les axes X et Y. Vous pouvez utiliser la propriété xField (pour l'axe horizontal) et la propriété yField (pour l'axe vertical) pour définir ces champs.
Chaque series est faîte d'un tableau (Array) d'item series. Les classes qui définissent ces items series sont spécifiques à chaque type de series. Par exemple, une BarSeries est faîte d'objets BarSeriesItem. Une ColumnSeries est faîte d'objets ColumnSeriesItem. Ces items encapsulent toute l'information à propos d'un point en particulier, donc la valeur minimum, le remplissage, la valeur x et la valeur y.
Quand vous créez une nouvelle series, vous définissez un "displayName" pour cette series. Cette propriété représente la series pour l'utilisateur dans les labels (dans les DataTip, les tooltips des graphiques).
Un BarChart spécifie un ou plusieurs objets BarSeries qui définissent quel ensemble de barres afficher sur le graphique. Par défaut, les barres et les colonnes sont mises à la suite. Cependant, vous pouvez aussi définir d'autres manières de les grouper(mettre en "stack"). Par exemple, les AreaSeries, ColumnSeries et BarSeries peuvent être mise en tas ou réparties. Elles peuvent aussi être affichées à 100% du graphique. Vous pouvez contrôler comment de multiple series sont groupées en utilisant de sets. Par exemple, pour un groupe d'objets BarSeries, vous utilisez la classe BarSet; pour un groupe d'objets ColumnSeries, vous allez utiliser la classe ColumnSet.
Les composants Flex Charting permettent de créer les types de graphiques les plus communs et vous permettent de modifier l'apparence de ces graphiques. Les composants de Charting sont situés dans le package mx.charts.*.
La liste suivante indique les types de graphiques supportés, ainsi que le nom du composant et le nom de la classe de Series que vous devez utiliser pour afficher les données dans chaque graphique. Il existe aussi d'autres types de graphiques que des personnes hors du Flex SDK ont crée, ceci est seulement la liste des composants contenus dans le Flex SDK:
- Aire (Area): AreaChart / AreaSeries
- Barre (Bar): BarChart / BarSeries
- Bulles (Bubbles): BubbleChart / BubbleSeries
- Candlestick: CandlestickChart / CandlestickSeries
- Colonnes (Column): ColumnChart / ColumnSeries
- HighLowOpenClose: HLOCChart / HLOCSeries
- Ligne (Line): LineChart / LineSeries
- Secteur (Pie): PieChart / PieSeries
- Nuages de points (Plot): PlotChart / PlotSeries
Tous ces composants Charts, sauf le PieChart sont des sous-classes de la classe CartesianChart. Les CartesianChart sont des graphiques qui représentent de la donnée dans un espace cartésien, c'est-à-dire, une espace rectangulaire à deux dimensions. La classe PieChart est une sous-classe de PolarChart, qui représente la donnée dans une espace polaire (cercle).
L'affichage de données dans un graphique (chart) peut rendre l'interprétation de données bien plus simple pour l'utilisateur d'une application que vous développez avec Adobe Flex. Plutôt que de représenter un simple tableau contenant divers chiffres, vous pouvez afficher un histogramme, un camembert, ou tout autre type de chart en utilisant des couleurs et une représentation en deux dimensions de votre donnée.
Les composants Flex Charting sont une fonctionnalité de Adobe Flex Builder Professional. Vous pouvez créer des charts dans votre application avec Flex Builder Standard, mais les graphiques auront un filigrane par dessus.
La visualisation de données (aussi appelée Data Visualization) vous permet de présenter la donnée d'une certaine manière qui va simplifier l'interprétation de données et la mise en relation de données. Les Charts Flex sont un type de Data Visualization dans lequel vous créez une représentation en deux dimensions de votre data. Flex supporte les représentations les plus communes (histogramme, camemberts, lignes, …) et vous donne une possibilité de contrôle sur l'apparence de ces graphiques.
Bien que les item renderer de type Drop-In soient très simples à implédmenter, ils sont aussi limités dans leur utilisation en termes de configuration. Par exemple, dans l'exemple de l'article: Flex Item Renderer – Item Renderer utilisant les composants Flex standard (Drop-In), vous pouvez afficher une CheckBox dans la colonne d'une DataGrid Flex, mais vous ne pourrez pas changer les propriétés du composant utilisé comme item renderer.
Les ItemRenderer Inline sont mieux que les Drop-In Renderer adns le sens que vous pouvez configurez les paramètres du composant utilisé pour l'affichage. Par exemple, vous pouvez utiliser un inline item renderer pour fixer la propriété "enabled" de la CheckBox pour la désactiver afin que l'utilisateur ne puisse pas cocher/décocher la CheckBox.
Les Item Renderer inline requièrent que vous leur spécifiez la valeur de "itemRenderer" en utilisant des blocs MXML imbriqués plutôt que des attributs. Vous devez ensuite insérer le tag mx:Component à l'intérieur du tag mx:itemrenderer pour créer votre composant utilisable comme itemRenderer.
Si vous suivez ce blog ou l'actualité Adobe, vous devez savoir qu'Adobe Cocomo a changé de nom et est devenu AFCS (Adobe Flash Collaboration Service). En plus de changer de nom et de faire une nouvelle release de leur SDK, l'équipe d'Adobe Cocomo a ouvert une section Showcase permettant de visualiser quelques applications créées avec AFCS. On voit donc comment utiliser les différentes fonctionnalités (whiteboard, partage de données …) dans des applications bien concues.
Parmi ces applications de showcase, un Sudoku en collaboratif, ou une Yahoo Maps partagée avec possibilité de rajouter des annotations par exemple.
Voir les applications du Showcase AFCS
