Gegevens in PowerApps weergeven in een lijn-, cirkel- of staafdiagramShow data in a line, pie, or bar chart in PowerApps

Gebruik lijn-, cirkel- en staafdiagrammen om uw gegevens weer te geven.Use line charts, pie charts, and bar charts to display your data. Als u werkt met diagrammen, moet u de gegevens die u importeert als volgt indelen:When working with charts, the data that you import should be structured like the following:

  • Elke reeks moet zich in de eerste rij bevinden.Each series should be in the first row.
  • Labels moeten zich in de meest linkse kolom bevinden.Labels should be in the leftmost column.

Uw gegevens zouden er ongeveer als volgt uit moeten zijn:For example, your data should look similar to the following:

U kunt dergelijke diagrammen maken en gebruiken in PowerApps.You can create and use these charts within PowerApps. Aan de slag.Let's get started.

VereistenPrerequisites

  • Registreer u voor PowerApps en installeer PowerApps.Sign up for PowerApps, and then install PowerApps. Meld u bij het openen van PowerApps aan met dezelfde referenties die u hebt gebruikt om u te registreren.When you open PowerApps, sign in using the same credentials that you used to sign up.
  • Maak een app op basis van een sjabloon of op basis van gegevens, of maak een volledig nieuwe app.Create an app from a template, from data, or from scratch.
  • Lees hoe u een besturingselement kunt configureren in PowerApps.Learn how to configure a control in PowerApps.
  • Download de map ChartData.zip, die voorbeeldgegevens bevat in de XML-bestandsindeling.Download ChartData.zip, which contains sample data as an XML file. Volg de stappen in dit onderwerp om deze rechtstreeks in uw app te importeren.Follow the steps in this topic to import it directly into your app. Ook kunt u het ZIP-bestand uitpakken, het XML-bestand in Excel openen en het vervolgens opslaan naar een cloudopslagaccount.As an alternative, decompress the .zip file, open the XML file in Excel, and save it to a cloud-storage account.

De voorbeeldgegevens importerenImport the sample data

In deze stappen worden de voorbeeldgegevens geïmporteerd naar een verzameling met de naam ProductRevenue.In these steps, we import the sample data into a collection, named ProductRevenue.

  1. Selecteer op het tabblad Invoegen de optie Besturingselementen en selecteer vervolgens Importeren:On the Insert tab, select Controls, and then select Import:

  2. Stel de eigenschap OnSelect van het besturingselement in op de volgende functie:Set the control's OnSelect property to the following function:

    Collect(ProductRevenue, Import1.Data)

  3. Druk op F5 om de voorbeeldmodus te openen en selecteer vervolgens de knop Gegevens importeren.Press F5 to open Preview mode, and then select the Import Data button.

  4. Selecteer in het dialoogvenster Openen het bestand ChartData.zip, selecteer Openen en druk op Esc.In the Open dialog box, select ChartData.zip, select Open, and then press Esc.

  5. Selecteer Verzamelingen in het menu Bestand.On the File menu, select Collections.

    De verzameling ProductRevenue wordt getoond met de grafiekgegevens die u hebt geïmporteerd:The ProductRevenue collection is listed with the chart data you imported:

    Notitie

    Het besturingselement importeren wordt gebruikt om op Excel-achtige wijze gegevens te importeren en de verzameling te maken.The import control is used to import Excel-like data and create the collection. Het besturingselement importeren importeert gegevens wanneer u uw app maakt en wanneer u een voorbeeldweergave van uw app genereert.The import control imports data when you are creating your app, and previewing your app. Het besturingselement importeren importeert momenteel geen gegevens wanneer u uw app publiceert.Currently, the import control does not import data when you publish your app.

  6. Druk op Esc om terug te gaan naar de standaardwerkruimte.Press Esc to return to the default workspace.

Een cirkeldiagram toevoegenAdd a pie chart

  1. Selecteer op het tabblad Invoegen de optie Grafieken en selecteer vervolgens Cirkeldiagram.On the Insert tab, select Charts, and then select Pie Chart.

  2. Plaats de cirkeldiagram onder de knop Gegevens importeren.Move the pie chart under the Import data button.

  3. Selecteer in het besturingselement voor cirkeldiagrammen het midden van de cirkeldiagram:In the pie-chart control, select the middle of the pie chart:

  4. Stel de eigenschap Items van de cirkeldiagram in op deze expressie: ProductRevenue.Revenue2014Set the Items property of the pie chart to this expression: ProductRevenue.Revenue2014

    De cirkeldiagram bevat de inkomstengegevens voor 2014.The pie chart shows the revenue data from 2014.

Een staafdiagram toevoegen om uw gegevens weer te gevenAdd a bar chart to display your data

Nu gaan we deze verzameling ProductRevenue gebruiken in een staafdiagram:Now, let's use this ProductRevenue collection in a bar chart:

  1. Voeg op het tabblad Start een scherm toe.On the Home tab, add a screen.]

  2. Selecteer op het tabblad Invoegen de optie Grafieken en selecteer vervolgens Staafdiagram.On the Insert tab, select Charts, and then select Column Chart.

  3. Selecteer het midden van de staafdiagram.Select the middle of the column chart. Stel de eigenschap Items van de staafdiagram in op ProductRevenue:Set the Items property of the column chart to ProductRevenue:

    De staafdiagram bevat de inkomstengegevens voor 2012:The column chart shows the revenue data from 2012:

  4. Selecteer in de staafdiagram het middelste vak:In the column chart, select the center square:

  5. Selecteer op het tabblad Grafiek Aantal reeksen en voer vervolgens in de formulebalk 3 in:On the Chart tab, select Number of Series, and then enter 3 in the formula bar:

    De staafdiagram bevat per product inkomstengegevens voor drie jaar:The column chart shows revenue data for each product over three years: