Afficher les données dans un graphique en courbes, un graphique en secteurs ou un graphique à barres PowerAppsShow data in a line, pie, or bar chart in PowerApps

Utilisez des graphiques en courbes, des graphiques en secteurs et des graphiques à barres pour afficher vos données.Use line charts, pie charts, and bar charts to display your data. Lorsque vous travaillez avec des graphiques, les données que vous importez doivent être structurées comme suit :When working with charts, the data that you import should be structured like the following:

  • Chaque série doit être dans la première ligne.Each series should be in the first row.
  • Les étiquettes doivent être dans la colonne la plus à gauche.Labels should be in the leftmost column.

Par exemple, vos données doivent ressembler à ceci :For example, your data should look similar to the following:

Vous pouvez créer et utiliser ces graphiques dans PowerApps.You can create and use these charts within PowerApps. Commençons.Let's get started.

Conditions préalablesPrerequisites

  • Inscrivez-vous à PowerApps, puis installez PowerApps.Sign up for PowerApps, and then install PowerApps. Lorsque vous ouvrez PowerApps, connectez-vous avec les informations d’identification que vous avez utilisées pour vous inscrire.When you open PowerApps, sign in using the same credentials that you used to sign up.
  • Créez une application à partir d’un modèle, à partir de données ou créez-la entièrement.Create an app from a template, from data, or from scratch.
  • Découvrez comment configurer un contrôle dans PowerApps.Learn how to configure a control in PowerApps.
  • Téléchargez ChartData.zip, qui contient des exemples de données dans un fichier XML.Download ChartData.zip, which contains sample data as an XML file. Suivez les étapes de cette rubrique pour les importer directement dans votre application.Follow the steps in this topic to import it directly into your app. Vous pouvez aussi décompresser le fichier .zip, ouvrir le fichier XML dans Excel et l’enregistrer dans un compte de stockage cloud.As an alternative, decompress the .zip file, open the XML file in Excel, and save it to a cloud-storage account.

Importer les données d’exempleImport the sample data

Dans ces étapes, nous importons les exemples de données dans une collection appelée ProductRevenue.In these steps, we import the sample data into a collection, named ProductRevenue.

  1. Dans l’onglet Insertion, sélectionnez Contrôles, puis Importer :On the Insert tab, select Controls, and then select Import:

  2. Définissez la fonction suivante dans la propriété OnSelect :Set the control's OnSelect property to the following function:

    Collect(ProductRevenue, Import1.Data)

  3. Appuyez sur F5 pour ouvrir le mode Aperçu, puis sélectionnez le bouton Importer les données.Press F5 to open Preview mode, and then select the Import Data button.

  4. Dans la boîte de dialogue Ouvrir, sélectionnez ChartData.zip, sélectionnez Ouvrir, puis appuyez sur Échap.In the Open dialog box, select ChartData.zip, select Open, and then press Esc.

  5. Dans le menu Fichier, sélectionnez Collections.On the File menu, select Collections.

    La collection ProductRevenue est répertoriée avec les données de graphique que vous avez importées :The ProductRevenue collection is listed with the chart data you imported:

    Note

    Le contrôle d’importation est utilisé pour importer les données Excel et créer la collection.The import control is used to import Excel-like data and create the collection. Le contrôle d’importation importe les données lorsque vous créez votre application et que vous affichez un aperçu de votre application.The import control imports data when you are creating your app, and previewing your app. Actuellement, le contrôle d’importation n’importe pas les données lorsque vous publiez votre application.Currently, the import control does not import data when you publish your app.

  6. Appuyez sur Échap pour revenir à l’espace de travail par défaut.Press Esc to return to the default workspace.

Ajouter un graphique en secteursAdd a pie chart

  1. Dans l’onglet Insertion, sélectionnez Graphiques, puis Graphique en secteurs.On the Insert tab, select Charts, and then select Pie Chart.

  2. Déplacer le graphique en secteurs sous le bouton Importer des données.Move the pie chart under the Import data button.

  3. Dans le contrôle du graphique en secteurs, sélectionnez le milieu du graphique en secteurs :In the pie-chart control, select the middle of the pie chart:

  4. Définissez cette expression dans la propriété Items du graphique en secteurs : ProductRevenue.Revenue2014Set the Items property of the pie chart to this expression: ProductRevenue.Revenue2014

    Le graphique en secteurs présente les données de revenu de 2014.The pie chart shows the revenue data from 2014.

Ajouter un graphique à barres pour afficher vos donnéesAdd a bar chart to display your data

Maintenant, utilisons cette collection ProductRevenue dans un graphique à barres :Now, let's use this ProductRevenue collection in a bar chart:

  1. Sous l’onglet Accueil, ajoutez un écran.]On the Home tab, add a screen.]

  2. Dans l’onglet Insertion, sélectionnez Graphiques, puis Histogramme.On the Insert tab, select Charts, and then select Column Chart.

  3. Sélectionnez le milieu de l’histogramme.Select the middle of the column chart. Définissez la propriété Items de l’histogramme sur ProductRevenue :Set the Items property of the column chart to ProductRevenue:

    L’histogramme présente les données de revenu de 2012 :The column chart shows the revenue data from 2012:

  4. Dans l’histogramme, sélectionnez le carré central :In the column chart, select the center square:

  5. Dans l’onglet Graphique, sélectionnez Nombre de séries, puis entrez 3 dans la barre de formule :On the Chart tab, select Number of Series, and then enter 3 in the formula bar:

    L’histogramme affiche les données de revenu de chaque produit sur trois ans :The column chart shows revenue data for each product over three years: