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
Los gráficos de columnas y de barras, excepto para el tipo de gráfico de velas, proporcionan 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 renderiza una gráfica de barras o columnas básica con solo una comparación de los campos X Axis y Y Axis. Esta opción solo está disponible para las gráficas agrupadas y apiladas con un único campo mapeado en el canal aggregation. |
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.  Para obtener un ejemplo más detallado, consulte el ejemplo de gráfica de columnas agrupadas. haga clic para ampliar | |
Atlas Charts crea una barra o columna para cada valor distinto en el campo de canal de codificación category de , y divide cada barra o columna en segmentos en función del canal de codificación Series.  Para un ejemplo más detallado, consulta el ejemplo de gráfica de barras apiladas. haga clic para ampliar | |
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 puede personalizar el mínimo, el máximo ni la escala logarítmica opciones del eje de valores de las gráficas apiladas al 100 %.  Para un ejemplo más detallado, consulte el ejemplo de gráfica de barras apiladas del 100% . haga clic para ampliar | |
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.  Para un ejemplo más detallado, consulta el ejemplo de gráfica de barras de colores. haga clic para ampliar | |
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.  Para un ejemplo más detallado, consulta la ejemplo de gráfica de velas. haga clic para ampliar |
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:
Una gráfica de barras puede ser una mejor opción que una gráfica de columnas cuando las etiquetas de las categorías son largas, ya que puede resultar 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
Las gráficas de columnas y barras son más adecuadas para datos con categorías limitadas. Al graficar datos con muchas categorías, como años a lo largo de un período prolongado, considera utilizar una gráfica 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
Puedes 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:
Haz clic en la pestaña Customize para tu gráfica.
En la sección Axes, seleccione un Label Angle para el X Axis.
Mostrar u ocultar las etiquetas de valor 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 usan con gráficas de columna y barra apilados, 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 ubicación de almacenar en el conjunto de datos, y cada grupo se divide por la columna series de item.name. Esto muestra finalmente el recuento del nombre de cada artículo vendido en cada ubicación de almacenes:
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áfica de barras apiladas al 100%
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 esta gráfica:
{ $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 en el filtro. El canal X Axis agrupa para obtener un recuento de documentos que coinciden con cada suburbio respectivo. El canal de codificación Series de monthly_price divide cada barra en categorías coloreadas según la leyenda en el lado derecho de la gráfica:
Gráfica de barras en color
El siguiente gráfica de barras de colores muestra la calificación promedio de Rotten Tomatoes para los países con las 10 calificaciones más altas, y colorea cada barra para mostrar la duració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 a la query para gráficos de columnas y barras es de 5000 documentos.