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.
Canales de codificación de gráficas de columnas y barras
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 |
|
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. |
Tipos de gráficas de columnas y barras
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. ![]() 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. ![]() 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 %. ![]() 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. ![]() 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. ![]() haga clic para ampliar Para un ejemplo más detallado, consulta la ejemplo de gráfica de velas. |
Casos de uso
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:
Opciones de personalizació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.
Ajustar el ángulo de la etiqueta del eje X
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:
Haga clic en la pestaña Customize de su gráfico.
En la sección Axes, seleccione un Label Angle para el X Axis.
Mostrar u ocultar etiquetas de valores de datos
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:
Abre el panel Personalizar de tu gráfica.
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.
Ejemplos
Gráfica de columnas agrupadas
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:

Gráfica de columnas apiladas
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:

Gráfico de barras 100% apiladas
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:

Gráfica de barras en color
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:

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




