Visualización de datos en un gráfico de líneas, circular o de barras en PowerAppsShow data in a line, pie, or bar chart in PowerApps

Use gráficos de líneas, gráficos circulares y gráficos de barras para mostrar los datos.Use line charts, pie charts, and bar charts to display your data. Al trabajar con gráficos, los datos que importe deben estar estructurados de la manera siguiente:When working with charts, the data that you import should be structured like the following:

  • Todas las series deben estar en la primera fila.Each series should be in the first row.
  • Las etiquetas deben estar en la columna izquierda.Labels should be in the leftmost column.

Por ejemplo, los datos deben tener un aspecto similar al siguiente:For example, your data should look similar to the following:

Puede crear y usar estos gráficos en PowerApps.You can create and use these charts within PowerApps. Empecemos.Let's get started.

Requisitos previosPrerequisites

  • Regístrese en PowerApps e instálelo.Sign up for PowerApps, and then install PowerApps. Cuando abra PowerApps, inicie sesión con las mismas credenciales que usó para registrarse.When you open PowerApps, sign in using the same credentials that you used to sign up.
  • Cree una aplicación a partir de una plantilla, de datos o desde cero.Create an app from a template, from data, or from scratch.
  • Aprenda a configurar un control en PowerApps.Learn how to configure a control in PowerApps.
  • Descargue ChartData.zip, que contiene datos de ejemplo como un archivo XML.Download ChartData.zip, which contains sample data as an XML file. Siga los pasos descritos en este tema para importarlo directamente desde su aplicación.Follow the steps in this topic to import it directly into your app. Como alternativa, descomprima el archivo .zip, abra el archivo XML en Excel y guárdelo en una cuenta de almacenamiento en la nube.As an alternative, decompress the .zip file, open the XML file in Excel, and save it to a cloud-storage account.

Importar los datos de ejemploImport the sample data

En estos pasos importaremos los datos de ejemplo en una colección, denominada ProductRevenue.In these steps, we import the sample data into a collection, named ProductRevenue.

  1. En la pestaña Insertar, seleccione Controles e Importar:On the Insert tab, select Controls, and then select Import:

  2. Establezca la propiedad OnSelect del control en la función siguiente:Set the control's OnSelect property to the following function:

    Collect(ProductRevenue, Import1.Data)

  3. Presione F5 para abrir el modo de vista previa y seleccione el botón Importar datos.Press F5 to open Preview mode, and then select the Import Data button.

  4. En el cuadro de diálogo Abrir, elija ChartData.zip, seleccione Abrir y, después, presione Esc.In the Open dialog box, select ChartData.zip, select Open, and then press Esc.

  5. En el menú Archivo, seleccione Colecciones.On the File menu, select Collections.

    Aparece la colección ProductRevenue con los datos de gráfico que ha importado:The ProductRevenue collection is listed with the chart data you imported:

    Nota

    El control de importación se usa para importar datos en forma de Excel y crear la colección.The import control is used to import Excel-like data and create the collection. El control de importación importa los datos cuando se crea la aplicación y se obtiene una vista previa de esta.The import control imports data when you are creating your app, and previewing your app. Actualmente, el control de importación no importa datos cuando se publica la aplicación.Currently, the import control does not import data when you publish your app.

  6. Presione Esc para volver al área de trabajo predeterminada.Press Esc to return to the default workspace.

Agregar un gráfico circularAdd a pie chart

  1. En la pestaña Insertar, seleccione Gráficos y Gráfico circular.On the Insert tab, select Charts, and then select Pie Chart.

  2. Mueva el gráfico circular bajo el botónImportar datos.Move the pie chart under the Import data button.

  3. En el control de gráfico circular, seleccione el centro del gráfico circular:In the pie-chart control, select the middle of the pie chart:

  4. Establezca la propiedad Elementos del gráfico circular en esta expresión: ProductRevenue.Revenue2014Set the Items property of the pie chart to this expression: ProductRevenue.Revenue2014

    El gráfico circular muestra los datos de los ingresos de 2014.The pie chart shows the revenue data from 2014.

Agregar un gráfico de barras para mostrar los datosAdd a bar chart to display your data

Ahora vamos a usar esta colección ProductRevenue en un gráfico de barras:Now, let's use this ProductRevenue collection in a bar chart:

  1. En la pestaña Inicio, agregue una pantalla.]On the Home tab, add a screen.]

  2. En la pestaña Insertar, seleccione Gráficos y Gráfico de columnas.On the Insert tab, select Charts, and then select Column Chart.

  3. Seleccione el centro del gráfico de columnas.Select the middle of the column chart. Establezca la propiedad Items del gráfico de columnas en ProductRevenue:Set the Items property of the column chart to ProductRevenue:

    El gráfico de columnas muestra los datos de los ingresos de 2012:The column chart shows the revenue data from 2012:

  4. En el gráfico de columnas, seleccione el cuadrado central:In the column chart, select the center square:

  5. En la pestaña Gráfico, seleccione Número de series y escriba 3 en la barra de fórmulas:On the Chart tab, select Number of Series, and then enter 3 in the formula bar:

    El gráfico de columnas muestra los datos de los ingresos de cada producto durante tres años:The column chart shows revenue data for each product over three years: