Mostrar dados em um gráfico de linhas, de pizza ou de barras no PowerAppsShow data in a line, pie, or bar chart in PowerApps

Usar gráficos de linhas, de pizza e de barras para exibir seus dados.Use line charts, pie charts, and bar charts to display your data. Ao trabalhar com gráficos, os dados importados devem ser estruturados como o seguinte:When working with charts, the data that you import should be structured like the following:

  • Cada série deve estar na primeira linha.Each series should be in the first row.
  • Os rótulos devem estar na coluna mais à esquerda.Labels should be in the leftmost column.

Por exemplo, seus dados devem ter uma aparência semelhante ao seguinte:For example, your data should look similar to the following:

É possível criar e usar esses gráficos dentro do PowerApps.You can create and use these charts within PowerApps. Vamos começar.Let's get started.

Pré-requisitosPrerequisites

  • Inscreva-se no PowerApps e, em seguida, instale o PowerApps.Sign up for PowerApps, and then install PowerApps. Ao abrir o PowerApps, conecte-se usando as mesmas credenciais usadas para se inscrever.When you open PowerApps, sign in using the same credentials that you used to sign up.
  • Crie um aplicativo com base em um modelo, em dados ou do zero.Create an app from a template, from data, or from scratch.
  • Saiba como configurar um controle no PowerApps.Learn how to configure a control in PowerApps.
  • Baixe ChartData.zip, que contém dados de exemplo como um arquivo XML.Download ChartData.zip, which contains sample data as an XML file. Siga as etapas deste tópico para importá-lo diretamente para seu aplicativo.Follow the steps in this topic to import it directly into your app. Como alternativa, descompacte o arquivo .zip, abra o arquivo XML no Excel e salve-o em uma conta de armazenamento em nuvem.As an alternative, decompress the .zip file, open the XML file in Excel, and save it to a cloud-storage account.

Importar os dados de exemploImport the sample data

Nestas etapas, importamos os dados de exemplo para uma coleção, denominada ProductRevenue.In these steps, we import the sample data into a collection, named ProductRevenue.

  1. Na guia Inserir, selecione Controles e, em seguida, selecione Importar:On the Insert tab, select Controls, and then select Import:

  2. Defina a propriedade OnSelect do controle como a função a seguir:Set the control's OnSelect property to the following function:
    Collect(ProductRevenue, Import1.Data)
  3. Pressione F5 para abrir o modo de Visualização e, em seguida, selecione o botão Importar Dados.Press F5 to open Preview mode, and then select the Import Data button.
  4. Na caixa de diálogo Abrir, selecione ChartData.zip, selecione Abrir e, em seguida, pressione Esc.In the Open dialog box, select ChartData.zip, select Open, and then press Esc.
  5. No menu Arquivo, selecione Coleções.On the File menu, select Collections.

    A coleção ProductRevenue está listada com os dados do gráfico importado:The ProductRevenue collection is listed with the chart data you imported:

    Observação

    O controle de importação é usado para importar dados no estilo Excel e criar a coleção.The import control is used to import Excel-like data and create the collection. O controle de importação importa dados quando você está criando seu aplicativo e visualizando-o.The import control imports data when you are creating your app, and previewing your app. Atualmente, o controle de importação não importa dados quando você publica seu aplicativo.Currently, the import control does not import data when you publish your app.

  6. Pressione Esc para retornar ao espaço de trabalho padrão.Press Esc to return to the default workspace.

Adicionar um gráfico de pizzaAdd a pie chart

  1. Na guia Inserir, selecione Gráficos e, em seguida, selecione Gráfico de pizza.On the Insert tab, select Charts, and then select Pie Chart.
  2. Mova o gráfico de pizza com o botão Importar dados.Move the pie chart under the Import data button.
  3. No controle de gráfico de pizza, selecione o meio do gráfico de pizza:In the pie-chart control, select the middle of the pie chart:

  4. Defina a propriedade Itens do gráfico de pizza como esta expressão:Set the Items property of the pie chart to this expression:

    
     ![][2]  
    
     <span data-ttu-id="71214-136">O gráfico de pizza mostra os dados de receita de 2014.</span><span class="sxs-lookup"><span data-stu-id="71214-136">The pie chart shows the revenue data from 2014.</span></span>
    
     ![][3]  
    
    
    

Adicionar um gráfico de barras para exibir seus dadosAdd a bar chart to display your data

Agora, vamos usar essa coleção ProductRevenue em um gráfico de barras:Now, let's use this ProductRevenue collection in a bar chart:

  1. Na guia Início, adicione uma tela.On the Home tab, add a screen.
  2. Na guia Inserir, selecione Gráficos e, em seguida, selecione Gráfico de colunas.On the Insert tab, select Charts, and then select Column Chart.
  3. Selecione o meio do gráfico de colunas.Select the middle of the column chart. Defina a propriedade Itens do gráfico de colunas como ProductRevenue:Set the Items property of the column chart to ProductRevenue:

    O gráfico de colunas mostra os dados de receita de 2012:The column chart shows the revenue data from 2012:

  4. No gráfico de colunas, selecione o quadrado central:In the column chart, select the center square:

  5. Na guia Gráfico, selecione Número de série e, em seguida, digite 3 na barra de fórmulas:On the Chart tab, select Number of Series, and then enter 3 in the formula bar:

    O gráfico de colunas mostra os dados de receita para cada produto durante três anos:The column chart shows revenue data for each product over three years: