Partager via


Contrôle graphique à secteurs dans Power Apps

Contrôle qui affiche des valeurs relatives en comparaison entre elles.

Descriptif

Ajoutez un contrôle graphique à secteurs si vous souhaitez afficher les données relatives d’une table qui contient des étiquettes dans la colonne la plus à gauche et les valeurs de la deuxième colonne de gauche.

Ce contrôle est un contrôle groupé contenant 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.

ShowLabels : indique si un graphique en secteurs affiche la valeur associée à chacune de ses barres d’attente.

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.

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

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

Explosion : distance entre les secteurs d’un graphique en secteurs.

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

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.

ItemBorderColor : couleur de la bordure autour de chaque coin d’un graphique en secteurs.

ItemBorderThickness : épaisseur de la bordure autour de chaque coin d’un graphique en secteurs.

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

LabelPosition : emplacement des étiquettes dans un graphique en secteurs par rapport à ses zones de wedges.

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

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

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).

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).

Max( DataSource, ColumnName )

Example

  1. Ajoutez un contrôle Button, puis définissez sa propriété OnSelect sur la formule suivante :
    Collect(Revenue2015, {Product :"Europa », Revenue :27000}, {Product :"Ganymede », Revenue :26300}, {Product :"Callisto », Revenue :29200})

    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 graphique à secteurs et définissez sa propriété Items sur Revenue2015.

    Le contrôle graphique en secteurs affiche les données de chiffre d’affaires pour chaque produit par rapport aux autres produits.

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.

    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.
  • Envisagez de définir ShowLabels sur true. Cela permet aux utilisateurs à faible vision de déterminer rapidement ce que représente chaque tranche de secteurs.
  • Envisagez de définir LabelPosition sur LabelPosition.Outside. Cela augmente la lisibilité des étiquettes en raison d’un contraste de couleurs plus cohérent.

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.