Join us at MongoDB.local London on 7 May to unlock new possibilities for your data. Use WEB50 to save 50%.
Register now >
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 La gráfica de columnas funciona bien para este tipo de visualización porque se puede comparar fácilmente la ganancia de cada tienda en función del tamaño de cada columna.

1

Desde Dashboards página, selecciona el tablero donde quieres agregar una nueva gráfica. Para obtener instrucciones sobre cómo configurar un tablero, consulta Tableros.

2
3

En el modal Select Data Source que aparece:

  1. Haz clic en la pestaña Project.

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

  3. Haz clic en la base de datos sample_supplies. Aparecen las fuentes de datos de la base de datos.

  1. Haz clic en Select sobre la fuente de datos sales.

4

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

Para renderizar una columna apilada gráfica, Atlas Charts crea una barra o columna para cada valor único en el campo de canal de codificación category.

5
  1. Arrastra la propiedad storeLocation de la sección Fields de la vista constructor de gráficas 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 dato de cada campo y provee símbolos para determinar fácilmente estos tipos de dato al construir tu gráfica. Estos símbolos pueden ayudar a asegurar que tu gráfica se renderice como esperas usando los tipos de datos adecuados para cada canal de codificación. Por ejemplo, el ícono de calendario al lado del campo saleDate significa que este campo es una marca de tiempo.

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

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

    Esto indica a Atlas Charts que debe usar el campo items.price para la gráfica agregación.

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

    Las reducciones de arreglos dictan cómo procesar un arreglo para que sus elementos puedan visualizarse. La opción desenrollar arreglo crea un nuevo documento para cada elemento del arreglo, de modo que el precio de cada artículo se suma al total de esa almacenar.

  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 la gráfica.

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 el campo del título de la gráfica:

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

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

    Constructor de gráficas de barras apiladas
    haga clic para ampliar

    Observa que las tiendas que generan más ganancia 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 contamos con una visualización que muestra una visión general de la ganancia por sucursal, cabe preguntarse qué tipo de artículo está vendiendo más cada sucursal. La siguiente sección del tutorial ilustra cómo construir una gráfica de dona para analizar los nombres de las etiquetas de los artículos que se venden.

Volver

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