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áficos de columnas y barras

Las gráficas de columnas y barras representan datos en segmentos horizontales o verticales, donde la longitud del segmento es proporcional al valor de los datos. Las gráficas de columnas y barras ofrecen una visión general de las tendencias de los datos al comparar valores dentro de una categoría específica.

Las gráficas de columnas y barras, con excepción de las Tipo de gráfico de velas, proporciona los siguientes canales de codificación:

Canal de Codificación
Descripción

Eje X / Y

  • En el category canal de codificación de ejes, se representa una barra o columna para cada valor único de este campo.

    En un gráfico de columnas, el category es el X Axis, lo que genera segmentos verticales. En un gráfico de barras, el category es el Y Axis, lo que genera segmentos horizontales.

  • El canal de codificación del eje aggregation determina sobre qué campo se agregará y el tipo de agregación que se realizará. Esto, en última instancia, dicta el tamaño de cada barra o columna.

    Puedes agregar diversos campos de tu conjunto de datos para crear gráficas de varias series. Para más información, consulte Mapeos de múltiples campos.

Serie

(Opcional) Un canal de codificación category que segmenta la categoría del eje en función de los valores únicos en este campo.

Si se omite, Atlas Charts representa un gráfico de barras o columnas básico con solo una comparación de los campos X Axis y Y Axis.

Esta opción solo está disponible para gráficos agrupados y apilados con un solo campo asignado en el aggregation canal.

Color

(Opcional) Un canal de codificación de aggregation para Gráficas de colores que modifica los colores de las barras o columnas para reflejar el valor agregado del campo, donde los colores más oscuros indican valores mayores.

Las gráficas de columnas y barras proporcionan los siguientes subtipos:

Nombre del subtipo
Descripción

Atlas Charts agrupa los datos por la categoría especificada en el category canal de codificación y traza una barra o columna para cada valor en el canal de codificación Series.

Referencia de gráfica de columnas agrupadas pequeño
haga clic para ampliar

Para obtener un ejemplo más detallado, consulte el ejemplo de gráfica de columnas agrupadas.

Atlas Charts crea una barra o columna para cada valor distinto en el category campo del canal de codificación y divide cada barra o columna en segmentos según el Series canal de codificación.

Referencia Pequeña de gráfica de Barras Apiladas
haga clic para ampliar

Para un ejemplo más detallado, consulta el ejemplo de gráfica de barras apiladas.

Las gráficas apiladas al 100% funcionan de manera similar a las gráficas apiladas tradicionales, con la diferencia de que en una gráfica apilada al 100% cada barra o columna se normaliza a un valor coherente del 100%. Al igual que con los gráficos apilados tradicionales, cada barra o columna se divide en segmentos en función del Series canal de codificación. Cada serie se muestra como un porcentaje del total.

Cuando se utiliza una gráfica apilada tradicional, puede ser difícil comparar las proporciones de cada serie con el total si los valores totales de las barras/columnas difieren significativamente. Este tipo de gráfica facilita la comparación de proporciones dentro de cada barra o columna al mostrar porcentajes relativos.

No se pueden personalizar las opciones del eje de valores de escala mínimos, máximos o logarítmicos de gráficos apilados al 100 %.

Referencia de gráfica de barras coloreada pequeña
haga clic para ampliar

Para obtener un ejemplo más detallado, consulte el ejemplo de gráfico de barras apiladas al 100%.

Atlas Charts crea una barra o columna para cada valor distinto en el campo del canal de codificación category, y el canal de codificación Color cambia el color de cada barra / columna según el valor agregado del valor especificado en el canal de codificación.

Referencia de gráfica de barras coloreada pequeña
haga clic para ampliar

Para ver un ejemplo más detallado, consulte el ejemplo del gráfico de barras de colores.

Atlas Charts agrupa los datos numéricos por el periodo de tiempo especificado en el category canal de codificación, y traza una columna vertical que muestra los valores más altos, más bajos, de apertura y de cierre en su fuente de datos para cada periodo de tiempo. Para obtener más información, consulta Gráficas de velas.

Referencia pequeña de la gráfica de velas
haga clic para ampliar

Para un ejemplo más detallado, consulta la ejemplo de gráfica de velas.

Los gráficos de columna y de barras muestran la información de forma similar y, por lo tanto, tienen casos de uso similares. Sin embargo, existen situaciones en las que podría ser beneficioso usar uno sobre el otro:

  • Un gráfico de barras puede ser una mejor opción que un gráfico de columnas cuando las etiquetas de categorías son largas, ya que puede ser difícil identificar rápidamente qué etiqueta se aplica a qué columna.

  • Una gráfica de columnas puede ser una mejor opción cuando se comparan valores secuenciales (como datos de tiempo o geográficos) porque el espectador leerá intuitivamente estas gráficas de izquierda a derecha y obtendrá un panorama completo de la visualización.

Tip

Los gráficos de columnas y barras son más adecuados para datos con categorías limitadas. Al representar datos con muchas categorías, como años a lo largo de un período prolongado, considere usar un gráfico de líneas.

También puedes limitar la cantidad de categorías que se muestran en tu gráfica para enfocarte en un subconjunto de tus datos. Atlas Charts proporciona los siguientes métodos para reducir la cantidad de barras o columnas trazadas en la visualización:

Las siguientes opciones de personalización son específicas para las gráficas de columnas y barras. Para ver todas las opciones de personalización disponibles, consulte Personalizar Charts.

Puede ajustar el ángulo de la etiqueta del eje X a una de las siguientes opciones:

Opción
Descripción

Vertical

Etiquetas alineadas a la derecha en un ángulo de 270 grados.

Horizonal

Etiquetas centradas a un ángulo de 0 grados.

Diagonal

Etiquetas alineadas a la derecha en un ángulo de 315 grados.

Para configurar esta opción:

  1. Haga clic en la pestaña Customize de su gráfico.

  2. En la sección Axes, seleccione un Label Angle para el X Axis.

Puede dictar si Charts muestra etiquetas de texto para los valores de datos. Las etiquetas de valor de datos muestran los valores exactos de tus puntos de datos.

Para configurar esta opción:

  1. Abre el panel Personalizar de tu gráfica.

  2. En la sección General, establezca el interruptor de alternancia Data Value Labels en la configuración deseada.

Para personalizar el formato del número en la etiqueta de datos, modifica la configuración de Formateo de número para el campo correspondiente.

Nota

Cuando se utiliza con Gráficos de barras y columnas apiladas, las etiquetas de datos muestran la suma de todas las series en cada columna o barra.

El siguiente gráfica de columnas agrupadas muestra los artículos más comunes vendidos en una almacenar de suministros de oficina en varias ubicaciones de almacenes.

La categoría X Axis de storeLocation crea un grupo para cada almacenar ubicación en el conjunto de datos, y cada grupo se divide por la columna series de item.name. Esto, en última instancia, muestra la cantidad de veces que se vendió el nombre de cada artículo en cada ubicación de la tienda:

Referencia de gráfica de columnas agrupadas
haga clic para ampliar

La siguiente gráfica de columnas apiladas muestra el número de premios obtenidos por los 10 directores de cine más galardonados, con cada barra segmentada por los géneros de las películas dirigidas por ese director.

La categoría X Axis de director crea una columna para cada director en el conjunto de datos, que limitamos solamente a los 10 principales, ordenados por la suma agregada de awards.wins del Y Axis. El campo de canal de codificación Series de genres segmenta cada columna para mostrar los géneros de las películas dirigidas por ese director:

Referencia de gráfico de columnas apiladas
haga clic para ampliar

La siguiente gráfica de barras apiladas al 100% visualiza el costo mensual de alquilar una vivienda en tres diferentes suburbios de Austin, Texas, EE. UU. Usar una gráfica apilada al 100% nos permite visualizar fácilmente el porcentaje de viviendas de alquiler en cada monthly_price rango dentro de cada barrio. Esto proporciona una imagen clara de cómo estos barrios se comparan generalmente en cuanto a precios de alquiler.

Este es el filtro completo utilizado para este gráfico:

{
$and: [
{ monthly_price:
{ $exists: true, $lte: 2000 }
},
{ 'address.suburb':
{ $in: ["Georgian Acres", "South Congress", "Wooten"] }
}
]
}

El canal de categoría Y Axis crea una barra para cada uno de los tres suburbios del filtro. El canal X Axis agrega datos para obtener un recuento de documentos que coinciden con cada suburbio. El canal de codificación Series de monthly_price divide cada barra en categorías coloreadas según la leyenda a la derecha del gráfico:

Referencia de gráfica de barras coloreada
haga clic para ampliar

El siguiente gráfico de barras de colores muestra el promedio de Rotten Tomatoes puntuación para los países con las 10 puntuaciones más altas, y colorea cada barra para mostrar el tiempo de ejecución promedio de las películas de cada país.

La categoría Y Axis crea una barra para cada país en el conjunto de datos, que limitamos solo a los 10 principales según se ordenan por la media agregada del campo tomato.rating del X Axis. El campo de canal de codificación Color de runtime colorea cada barra para mostrar el tiempo de funcionamiento promedio de las películas de cada país. Un tono más oscuro de verde indica un tiempo promedio de ejecución más largo:

Referencia de gráfica de barras coloreada
haga clic para ampliar

El tamaño máximo de respuesta de consulta para gráficos de columnas y barras es de 5000 documentos.

Volver

Charts de lenguaje natural

En esta página