Docs Menu
Docs Home
/ /

Gráfico de columnas que muestra las ventas totales por ubicación de la tienda

Tiempo para completar: 5 minutos

Al observar los campos de datos disponibles en el esquema, parte de la información más valiosa que puedes transmitir gira en torno a la ganancia. Puede que quieras saber cómo se están desempeñando varias tiendas, específicamente si hay alguna tienda que esté significativamente por debajo o por encima del desempeño en comparación con otras.

A El gráfico de columnas funciona bien para este tipo de visualización porque puede comparar fácilmente los ingresos de cada tienda en función del tamaño de cada columna.

1

Desde Dashboards En la página Paneles, seleccione el panel donde desea agregar un nuevo gráfico. Para obtener instrucciones sobre cómo configurar un panel, consulte Paneles.

2
3

En el modal Select Data Source que aparece:

  1. Haz clic en la pestaña Project.

  2. Haga clic en el nombre de la implementación que contiene la fuente de datos de muestra.

  3. Haga clic en la base de datos sample_supplies. Aparecerán sus fuentes de datos.

  1. Haga clic en Select en la fuente de datos sales.

4

En el menú desplegable Chart Type, selecciona Stacked Column.

Para representar un gráfico de columnas apiladas, Atlas Charts crea una barra o columna para cada valor distinto en el category campo del canal de codificación.

5
  1. Arrastre la propiedad storeLocation desde la sección Fields de la vista Generador de gráficos al canal de codificación X Axis.

    Esto le indica a Atlas Charts que cree una columna para cada valor storeLocation en el conjunto de datos.

    Nota

    Atlas Charts infiere el tipo de datos de cada campo y proporciona símbolos para determinar fácilmente estos tipos al crear el gráfico. Estos símbolos pueden ayudar a garantizar que el gráfico se muestre correctamente utilizando los tipos de datos adecuados para cada canal de codificación. Por ejemplo, el icono de calendario junto al saleDate campo indica que este campo es una marca de tiempo.

  2. En la sección Fields haga clic en el campo items para expandir el objeto items y ver sus propiedades.

  3. Arrastre el campo items.price al canal de codificación Y Axis.

    Esto le indica a Atlas Charts que utilice el campo items.price para el gráfico. agregación.

  4. En el menú desplegable items debajo de Array Reductions, seleccione Unwind array.

    Las reducciones de matriz determinan cómo procesar una matriz para visualizar sus elementos. La opción de desenrollar matriz crea un nuevo documento para cada elemento de la matriz, de modo que el precio de cada artículo se suma al total de esa tienda.

  5. En el menú desplegable Aggregate, selecciona sum.

    El operador de agregación $sum suma los precios de todos los artículos por tienda para mostrar el gráfico.

6
  1. Pasa el cursor sobre el título de tu gráfica, en el centro de la gráfica, y haz clic en el ícono de lápiz.

  2. Copie lo siguiente en la entrada del título del gráfico:

    Total Sales ($) by Store Location
  3. Haga clic en la marca de verificación para guardar el título.

    Su gráfico ahora debería verse más o menos así:

    Generador de gráficos de barras apiladas
    haga clic para ampliar

    Tenga en cuenta que las tiendas que generan más ingresos son las ubicaciones Denver y Seattle.

7

Serás redirigido a tu tablero de Super Supply Store Orders y debería lucir algo así:

Etapa 1 del tablero de tutoriales de pedidos
haga clic para ampliar

Ahora que tenemos una visualización que muestra un resumen general de los ingresos de la tienda, cabe preguntarse qué tipo de artículo vende más cada tienda. La siguiente sección del tutorial ilustra cómo crear un gráfico de anillos para analizar los nombres de las etiquetas de los artículos vendidos.

Volver

Crear un nuevo panel de visualización de gráficos