Contrôles Column chart et Line chart dans Power Apps

Contrôles qui affichent des données sous forme de graphiques présentant des axes X et Y.

Description

Column chart et Line chart sont des contrôles groupés. Chaque groupe contient trois contrôles : Label pour le titre, Chart graphic et Legend.

Principales propriétés du graphique

Items  : 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 qui sont reflétées dans un histogramme ou un graphique en courbes.

Propriétés supplémentaires du graphique

BorderColor  : couleur de bordure du contrôle.

BorderStyle  : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

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

Color  : couleur du texte dans un contrôle.

DisabledBorderColor  : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

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

Font  : nom de la famille de polices dans laquelle le texte s’affiche.

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

Height  : distance entre le haut et le bas d’un contrôle.

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

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

ItemsGap : distance entre les colonnes dans un histogramme.

  • La propriété ItemsGap est disponible pour le contrôle Column chart, mais pas pour le contrôle Line chart.

Markers : 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 dans un histogramme pour lequel la propriété Markers est définie sur true.

  • La propriété MarkerSuffix est disponible pour le contrôle Column chart, mais pas pour le contrôle Line chart.

MinimumBarWidth : largeur la plus étroite des colonnes d’un histogramme.

  • La propriété MinimumBarWidth est disponible pour le contrôle Column chart , mais pas pour le contrôle Line chart.

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 celui-ci.

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

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

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

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 Column chart, mais pas pour le contrôle Line chart.

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

  • La propriété SeriesAxisMin est disponible pour le contrôle Column chart, mais pas pour le contrôle Line chart.

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

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

Visible  : indique si un contrôle est visible ou est masqué.

Width  : distance entre les côtés droit et gauche 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 situées sous l’axe X d’un histogramme 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 Line chart, mais pas pour le contrôle Column chart.

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

  • La propriété YAxisMin est disponible pour le contrôle Line chart, mais pas pour le contrôle Column chart.

YLabelAngle : angle des étiquettes situées à côté de l’axe Y d’un histogramme ou d’un graphique en courbes.

Max( DataSource, ColumnName )

Exemple

  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 obtenir davantage d’informations sur la fonction Collect ou d’autres fonctions ?

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

  3. Ajoutez un contrôle Column chart ou Line chart , 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 revenu de chaque produit sur trois ans.

Instructions d’accessibilité

Contraste des couleurs

Il doit exister un contraste des couleurs adéquat entre :

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

Prise en charge du lecteur d’écran

  • Il doit y avoir un contrôle Label immédiatement avant l’histogramme pour servir de titre.

  • Pensez à ajouter un résumé du graphique du diagramme. Par exemple, « Le graphique en courbes affiche une augmentation stable des ventes entre mars et août cette année. »

    Notes

    Les histogrammes et Legend sont masqués aux utilisateurs de lecteur d’écran. En guise d’alternative, une forme tabulaire des données leur est présentée. Ils peuvent également parcourir les boutons qui sélectionnent des données dans le graphique.

Prise en charge de la malvoyance

  • Il doit y avoir un contrôle Legend si plus d’une série est affichée.
  • Pensez à définir GridStyle sur GridStyle.All, qui affiche les deux axes. Cela permet à tous les utilisateurs de déterminer avec précision la mise à l’échelle des données.
  • Pour Column chart, envisagez de définir Markers sur true. Cela permet aux utilisateurs malvoyants de déterminer la valeur d’une colonne.

Prise en charge du clavier

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

    Notes

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

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).