Graphique en colonnes et contrôles graphique en courbes dans Power Apps

Contrôles qui affichent des données sous forme de graphiques avec des axes x et y.

Descriptif

Le histogramme et le graphique en courbes sont des contrôles groupés. Chaque groupe contient trois contrôles : une étiquette pour le titre, le graphique de graphique et une légende.

Propriétés clés du graphique

Éléments : source de données qui apparaît dans un contrôle tel qu’une galerie, une liste ou un graphique.

NumberOfSeries : nombre de colonnes de données reflétées dans un histogramme ou un graphique en courbes.

Propriétés de graphique supplémentaires

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

BorderThickness : épaisseur de la bordure d’un contrôle.

Couleur : couleur du texte dans un contrôle.

DisabledBorderColor : couleur de la bordure d’un contrôle si la propriété DisplayMode du contrôle a la valeur Disabled.

DisplayMode : indique si le contrôle autorise l’entrée utilisateur (Modifier), affiche uniquement les données (Affichage) ou est désactivé (Désactivé).

Police : nom de la famille de polices dans laquelle le texte apparaît.

GridStyle : indique si un histogramme ou un graphique en courbes affiche son axe x, son axe y, les deux ou aucun des deux.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

HoverBorderColor : couleur de la bordure d’un contrôle lorsque l’utilisateur conserve le pointeur de la souris sur ce contrôle.

ItemColorSet : couleur de chaque point de données d’un graphique.

ItemsGap : distance entre les colonnes d’un histogramme.

• La propriété ItemsGap est disponible pour le contrôle Histogramme , mais pas pour le contrôle Graphique en courbes .

Marqueurs : indique si un histogramme ou un graphique en courbes affiche la valeur de chaque point de données.

MarkerSuffix : texte qui apparaît après chaque valeur d’un histogramme pour lequel la propriété Markers a la valeur true.

• La propriété MarkerSuffix est disponible pour le contrôle Histogramme , mais pas pour le contrôle Graphique en courbes .

MinimumBarWidth : largeur la plus étroite possible des colonnes dans un histogramme.

• La propriété MinimumBarWidth est disponible pour le contrôle Histogramme , mais pas pour le contrôle Graphique en courbes .

OnSelect : actions à effectuer lorsque l’utilisateur appuie ou clique sur un contrôle.

PaddingBottom : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.

PaddingLeft : distance entre le texte d’un contrôle et le bord gauche de ce contrôle.

PaddingRight : distance entre le texte d’un contrôle et le bord droit de ce contrôle.

PaddingTop : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.

PressedBorderColor : couleur de la bordure d’un contrôle lorsque l’utilisateur appuie ou clique sur ce contrôle.

SeriesAxisMax : valeur maximale de l’axe y d’un histogramme ou d’un graphique en courbes.

• La propriété SeriesAxisMax est disponible pour le contrôle histogramme , mais pas pour le contrôle Graphique en courbes .

SeriesAxisMin : nombre qui détermine la valeur minimale de l’axe y d’un histogramme.

• La propriété SeriesAxisMin est disponible pour le contrôle Histogramme , mais pas pour le contrôle Graphique en courbes .

Taille : taille de police du texte qui apparaît sur un contrôle.

TabIndex : ordre de navigation clavier par rapport à d’autres contrôles.

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit d’un contrôle.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

XLabelAngle : angle des étiquettes sous l’axe x d’une colonne ou d’un graphique en courbes.

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

YAxisMax : valeur maximale de l’axe y d’un graphique en courbes.

• La propriété YAxisMax est disponible pour le contrôle Graphique en courbes , mais pas pour le contrôle Histogramme .

YAxisMin : valeur minimale de l’axe y d’un graphique en courbes.

• La propriété YAxisMin est disponible pour le contrôle Graphique en courbes , mais pas pour le contrôle Histogramme .

YLabelAngle : angle des étiquettes en regard de l’axe y d’un graphique en courbes ou en colonnes.

Fonctions associées

Max( DataSource, ColumnName )

Example

1. Ajoutez un contrôle Button, puis définissez sa propriété OnSelect sur la formule suivante :
   Collect(Revenue, {Year :"2013 », Europa :24000, Ganymede :22300, Callisto :21200}, {Year :"2014 », Europa :26500, Ganymede :25700, Callisto :24700},{Year :"2014 », Europa :27900, Ganymede :28300, Callisto :25600})

   Vous ne savez pas comment ajouter et configurer un contrôle ?

   Vous souhaitez plus d’informations sur la fonction Collect ou d’autres fonctions ?

2. Appuyez sur F5, cliquez ou appuyez sur le contrôle Bouton , puis appuyez sur Échap pour revenir à l’espace de travail par défaut.

3. Ajoutez un contrôle Histogramme ou un contrôle Graphique en courbes , définissez sa propriété Items sur Revenue et définissez sa propriété NumberOfSeries sur 3.

   Le contrôle affiche les données de revenus pour chaque produit sur trois ans.

Conseils sur l’accessibilité

Contraste des couleurs

Il doit y avoir un contraste de couleur adéquat entre :

• chaque élément dans ItemColorSet
• chaque élément dans ItemColorSet et la couleur d’arrière-plan
• Couleur et couleur d’arrière-plan

Prise en charge du lecteur d’écran

• Il doit y avoir une étiquette immédiatement avant que le graphique graphique de graphique serve de titre.

• Envisagez d’ajouter un résumé du graphique de graphique. Par exemple, « Le graphique en courbes affiche une augmentation constante des ventes entre mars et août cette année. »

  Note

  Les graphiques graphiques et la légende sont masqués par les utilisateurs du lecteur d’écran. En guise d’alternative, une forme tabulaire des données est présentée à eux. Ils peuvent également parcourir les boutons qui sélectionnent des données dans le graphique.

Prise en charge de la faible vision

• Il doit y avoir une légende si plusieurs séries sont affichées.
• Envisagez de définir GridStyle sur GridStyle.All , qui affiche les deux axes. Cela permet à tous les utilisateurs de déterminer avec précision l’échelle des données.
• Pour le graphique en colonnes, envisagez de définir les marqueurs sur true. Cela permet aux utilisateurs de faible vision de déterminer la valeur d’une colonne.

Prise en charge du clavier

• TabIndex doit être égal à zéro ou supérieur afin que les utilisateurs du clavier puissent y accéder.

  Note

  Lorsque les utilisateurs du clavier accèdent au graphique, ils peuvent parcourir les boutons qui sélectionnent des données dans le graphique.