Todos los productos
Search
Centro de documentos

Quick BI:Gráfico de barras horizontales

Última actualización: Sep 03, 2026

Un gráfico de barras horizontales muestra la distribución de datos en un conjunto bidimensional. Un eje representa las categorías y el otro los valores; por ejemplo, las ventas de productos por mes.

Descripción general

  • Casos de uso

    Compara valores entre distintos grupos. La longitud de la barra representa el valor, lo que facilita identificar las diferencias de un vistazo.

  • Beneficios

    • Capacidades de cálculo: comparaciones interperíodo con un solo clic, cálculos acumulativos, líneas de referencia inteligentes y líneas de tendencia.

    • Efectos de visualización: admite gráficos de barras horizontales, apilados y 100% apilados. Permite configurar etiquetas de datos, leyendas y el eje de vista general.

  • Ejemploimage

Limitaciones

  • Requisitos previos: debe contar con created a dashboard.

  • Un gráfico de barras horizontales se compone de los campos value axis/measure, category axis/dimension y color legend:

    • El eje de valores corresponde a las medidas de sus datos. Debe agregar como mínimo una medida, como la cantidad de pedidos o el monto de ganancia.

    • El eje de categorías corresponde a las dimensiones de sus datos. Debe agregar como mínimo una dimensión, como la provincia o el tipo de producto.

    • La leyenda de colores corresponde a una dimensión de sus datos. Puede agregar un máximo de una dimensión, como el método de envío.

      Nota

      Solo puede usar la leyenda de colores cuando se agrega un único campo de medida al eje de valores.

    • La división corresponde a una dimensión de sus datos. Puede agregar un máximo de una dimensión, como el tipo de producto.

Configurar los datos del gráfico

  1. En la pestaña Data, seleccione los campos de dimensión y medida que necesite.

    • En la lista Dimensions, busque city y agréguelo al campo category axis/dimension.

    • En la lista Dimensions, busque product_type y agréguelo al campo color legend/dimension.

    • En la lista Measures, busque shipping_cost y agréguelo al campo value axis/measure.

      Nota

      Puede arrastrar el mismo campo tanto al eje de categorías como a la leyenda de colores para asignar un color único a cada valor de dimensión. La representación del gráfico varía según la configuración:

      • Si el eje de categorías y el eje de valores contienen solo un campo cada uno, el número de barras equivale al número de valores únicos en la dimensión del eje de categorías.image

      • Si el eje de valores contiene varios campos de medida, el gráfico muestra la primera medida de forma predeterminada. Debe abrir el panel de filtros de campo para cambiar a otras medidas.image

      • Si el eje de categorías contiene varios campos de dimensión, el número de barras es el resultado de multiplicar los valores únicos de cada dimensión. Por ejemplo, en la siguiente imagen, el número de barras equivale al número de regions multiplicado por el número de order_levels.image

  2. Haga clic en Update. El sistema actualiza automáticamente el gráfico.image

  3. (Opcional) Para ver únicamente los datos de ciertas ciudades en el campo city, configure un filtro.

    Set filter conditions

  4. (Opcional) Actualización automática

    Actualiza automáticamente los datos del gráfico en el intervalo que especifique (por ejemplo, cada 5 minutos).

  5. (Opcional) Para visualizar mejor las tendencias de datos entre diferentes valores de dimensión, agregue una dimensión al campo split/dimension y cree facetas.

    Nota
    • Solo puede agregar un campo de dimensión para la división. El modo de facetas tiene las siguientes limitaciones:

      • Campos: para el campo en split/dimension, la función de cálculo avanzado solo admite Top N y None.

      • Estilo: los ejes no admiten un eje Y doble. El eje de vista general no es compatible con la configuración de visualización auxiliar.

      • Análisis: solo se admite la interacción de datos. No son compatibles las configuraciones avanzadas, las alertas de análisis, las anotaciones ni los insights inteligentes.

    • El uso de muchas facetas puede ralentizar la página. Para un rendimiento óptimo, limite el número de facetas a 500 o menos.

    image

Configurar estilos

Configure la apariencia del gráfico. Las configuraciones de estilo más comunes se describen en Configure the chart title area.

Introduzca una palabra clave en el cuadro Search para encontrar una configuración, o haga clic en el icono image..png para Expand/Collapse All Categories.

Bar chart search

Chart Style

Configure la apariencia del gráfico de barras horizontales.

image..png

Parámetro

Descripción

Color scheme

Establece la combinación de colores del gráfico.

Chart type

Tipos compatibles: horizontal bar chart, stacked horizontal bar chart y 100% stacked horizontal bar chart.111

Bar width

Establece el ancho de las barras.

Alignment

Establece la alineación del gráfico: Left o Right.

image..png

Corner radius

Establece el radio de esquina de las barras.111

Stacked, 100% stacked

Alterna entre los tipos de gráfico de barras horizontales, apiladas y 100% apiladas.

111

Shape fill

Cuando Chart type se establece en horizontal bar chart, puede rellenar las barras con iconos que representen valores numéricos. En este caso, considere deshabilitar el eje de medidas. Opciones de relleno: Assets o Image Field.

  • Assets: Establece una forma diferente para cada valor de dimensión. Utilice los recursos integrados del sistema o cargue imágenes personalizadas.111

  • Image Field: Rellena las barras con imágenes provenientes de un campo de imagen en el conjunto de datos. Se agrupan según la dimensión del eje de categorías. Si hay varias imágenes correspondientes al mismo valor, se utiliza la primera imagen.

    Nota

    Puede usar Image field solo si el dataset contiene un image field y el tipo de campo es imagen (2).

    image

También puede configurar Value per shape, Number of rows y si se debe aplicar Compress layout.

  • Value per shape: El valor numérico que representa una sola forma.

  • Number of rows: De forma predeterminada, las formas se muestran en una sola fila. Configure de 1 a 5 filas.111

  • Compress layout: Comprime las formas hacia el eje de medidas mientras mantiene el espaciado y la proporción de tamaño. Cuando esta opción está habilitada, el eje de valores deja de ser una referencia significativa.111

Default selection on mobile

Tras habilitar esta opción, configure Default selection como Last global dimension value o Last dimension value of specified series.

Facet

En el modo de facetas, configure el diseño y el estilo de la disposición de los gráficos.

Nota

El modo de facetas solo está disponible cuando se configura un campo en split/dimension.

image

Parámetro

Descripción

Layout style

Establece el diseño del gráfico: Single-column Comparison o Grid Distribution.

Shared axis

Controla si los gráficos comparten un eje.

111

Show separator

Muestra u oculta una línea separadora entre los gráficos.

Al habilitar esta opción, configure el color y el estilo del separador.111

Columns

Cuando el diseño se establece en Grid Distribution, puede definir el número de columnas para la disposición de los gráficos.

El valor predeterminado es Auto. También puede establecer un recuento de columnas personalizado.111

Nota
  • Los recuentos de columnas para PC y dispositivos móviles se configuran por separado. Cambie de terminal mediante el icono image en la parte superior de la página.

  • Columnas: de 1 a 6 para PC, de 1 a 3 para dispositivos móviles.

Min facet size

Establece el ancho y alto mínimos para cada gráfico. Las opciones varían según el estilo de diseño.

  • Single-column Comparison o Grid Distribution con Auto Columns: Solo puede configurar el ancho mínimo del bloque de faceta.

  • Grid Distribution con Custom Columns: Puede configurar el ancho y alto mínimos del bloque de faceta.

Spacing

Establece el espaciado de filas y columnas entre los gráficos. Las opciones varían según el estilo de diseño.

  • Single-column Comparison: Solo puede configurar el espaciado de columnas entre los gráficos.

  • Grid Distribution: Puede configurar el espaciado de filas y columnas entre los gráficos.

Split label

Position

Establece la posición de la etiqueta del valor de dimensión: Above chart o Below chart.111

Text

Establece el color y el estilo de fuente de la etiqueta del valor de dimensión.111

Alignment

Establece la alineación de la etiqueta del valor de dimensión.

Axes

Configure la visualización de los ejes. Los ejes se muestran de forma predeterminada.

Seleccione Show dual Y-axis para agregar la opción Upper X-axis en el área Axis. El eje Y doble solo surte efecto cuando hay dos o más medidas.

image..png

Eje

Parámetro

Descripción

Y-axis

Show Y-axis

Muestra u oculta el eje Y.

Show title and unit

Muestra u oculta el axis title y la unit en el eje Y.

Show axis label

Muestra u oculta las etiquetas en el eje Y. También puede configurar la regla de visualización de etiquetas del eje y el estilo de texto.

Display content

Configure el contenido mostrado para algunas o todas las dimensiones.

image.png

Show tick marks

Muestra u oculta las marcas de graduación en el eje Y.

Show axis line

Muestra u oculta la línea del eje Y. También puede configurar su tipo de línea, ancho y color.

Show gridlines

Muestra u oculta las líneas de cuadrícula del eje Y. También puede configurar su tipo de línea, ancho y color.

Lower X-axis

Show lower X-axis

Muestra u oculta el eje X inferior.

Show title and unit

Muestra u oculta el axis title y la unit.

Show axis label

Muestra u oculta las etiquetas en el eje X inferior. Configure el formato de visualización de etiquetas del eje y el estilo de texto. Opciones de formato: Auto o Custom.

  • El modo predeterminado es Auto. En este modo, la etiqueta del eje hereda el data display format configuration del campo de medida. Si existen varios campos de medida, se utiliza el formato del primer campo.

  • En el modo Custom, haga clic en el icono image para configurar el formato de datos en el cuadro de diálogo Data Display Format Settings. Data display format > Custom.

Show tick marks

Muestra u oculta las marcas de graduación en el eje X inferior.

Show axis line

Muestra u oculta la línea del eje X inferior. También puede configurar su tipo de línea, ancho y color.

Show gridlines

Muestra u oculta las líneas de cuadrícula del eje X inferior. También puede configurar su tipo de línea, ancho y color.

Axis value range and interval

  • Puede establecer los valores Minimum/Maximum para el rango de escala del eje X inferior de forma Automatically o manual.

  • Puede definir un Custom Interval por valor de paso o por número de divisiones.

100.gif

Nota

Configure Upper X-axis únicamente cuando Show Dual Y-axis esté seleccionado. Los parámetros son los mismos que para Lower X-axis.

Legend

Haga clic en el icono image para habilitar la leyenda del gráfico y configurar su estilo.

  • Configuración para PC

    image.png

    Parámetro

    Descripción

    Content

    Cuando los campos de eje de categorías y leyenda de color utilizan la misma dimensión y Shape fill está habilitado en la sección Chart style, el gráfico muestra múltiples leyendas. En ese caso, puede seleccionar qué contenido mostrar en la leyenda.111

    Position

    Establece la posición y alineación de la leyenda en PC.

    • Cuando la posición de visualización se establece en Top o Bottom: puede elegir alineación izquierda, centro o derecha.

    • Cuando la posición de visualización se establece en Left o Right: puede elegir alineación superior, centro o inferior. También puede establecer la distancia entre la leyenda y el contenido del gráfico.

    Text

    Establece el estilo del texto de la leyenda en PC: color de fuente, tamaño, grosor y cursiva.

  • Configuración para dispositivos móviles

    image

    Parámetro

    Descripción

    Position

    Establece la posición y alineación de la leyenda en dispositivos móviles.

    • Cuando la posición de visualización se establece en Top o Bottom: puede elegir alineación izquierda, centro o derecha.

    • Cuando la posición de visualización se establece en Left o Right: puede elegir alineación superior, centro o inferior. También puede establecer la distancia entre la leyenda y el contenido del gráfico.

    Nota

    Cuando la posición se establece en Top, puede habilitar etiquetas debajo de la leyenda. Una vez habilitadas, no se admite la alineación personalizada.

    Text

    Establece el estilo del texto de la leyenda en dispositivos móviles: color de fuente, tamaño, grosor y cursiva.

    Display Label Content

    Cuando Position se establece en Top, haga clic en el icono image para habilitar etiquetas debajo de la leyenda.

    Content

    Configure el contenido de datos que se mostrará en las etiquetas debajo de la leyenda. Puede elegir Percentage y Total.

    • Percentage: El porcentaje de un punto de datos específico respecto al total dentro de la dimensión actual. Por ejemplo, el porcentaje del monto de ganancias de artículos de oficina sobre los ingresos totales. Al optar por mostrar datos porcentuales, también puede configurar el número de decimales del porcentaje a 0, 1 o 2 en Percentage Decimal Places.

    • Total: La suma de todas las medidas dentro de la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.

    Style

    Configure el diseño de las etiquetas debajo de la leyenda. Puede elegir entre los siguientes estilos:

    • Multi-line Evenly Divided: Las etiquetas se organizan automáticamente en una cuadrícula uniformemente dividida según el número de columnas ingresado en Max columns per row y el número de filas ingresado en Max rows per page.image

    • Single-line Tiled: Todo el contenido de la etiqueta se muestra en una sola línea.image

    • Plain Text: Sin iconos, solo se muestra contenido de texto. El color del texto coincidirá con el color de la línea de la medida correspondiente en el gráfico.image

    Indicator display when not selected

    Cuando Style se establece en Multi-line Evenly Divided o Single-line Tiled, puede configurar cómo aparece el indicador cuando no se selecciona ningún elemento de la leyenda. Puede elegir mostrarlo como "-" o como Empty.

    Percentage Position

    Cuando se seleccionan datos de Percentage en Content y Style se establece en Multi-line Evenly Divided o Single-line Tiled, puede definir además la posición de visualización de los datos porcentuales. Puede elegir colocarla Below o a la Right de la etiqueta de valor.

    Text Style

    Cuando Style se establece en Multi-line Evenly Divided o Single-line Tiled, puede configurar además el estilo del texto de Value.

    Si se seleccionan datos de Percentage en el contenido, puede establecer un formato diferente para el texto porcentual a fin de distinguirlo del contenido de la etiqueta Value, lo que mejora la diferenciación visual entre tipos de datos.

    Show Full Text

    Cuando Style se establece en Multi-line Evenly Divided, los nombres largos de medidas podrían truncarse. Si necesita mostrar el nombre completo de la medida, seleccione Show Full Text.

    Show Tooltip Field

    Al seleccionar esta opción, el campo agregado a la configuración Tooltip/Measure se mostrará en el área de la leyenda.

    Nota

    No se admite la visualización de campos de información sobre herramienta al dividir por valor de dimensión (es decir, cuando la leyenda de color es una dimensión).

Data Labels

Especifique si desea mostrar etiquetas de datos y configure su estilo.

image

Parámetro

Descripción

Full Display

Ajusta inteligentemente las posiciones de las etiquetas para evitar superposiciones. Las etiquetas que excedan el área del eje podrían ocultarse. También puede seleccionar Allow data labels to overlap.

Position

Configure la posición de visualización de las etiquetas.

Cuando Shape fill está habilitado en la sección Chart style, solo se admite Outside shape.

Text

Configure el estilo del texto de la etiqueta.

Tooltip

Haga clic en el icono image para habilitar la información sobre herramienta y configurar su visualización.

  • Configuración para PC

    image

    Parámetro

    Descripción

    Display Mode

    Configure cómo se muestra la información sobre herramienta. Puede elegir By single data point o By dimension value.

    Content

    Seleccione el contenido de datos para mostrar en la información sobre herramienta. Las opciones disponibles varían según el modo de visualización:

    Cuando el modo de visualización es By single data point, se admite Percentage. Cuando el modo de visualización es By dimension value, se admiten Total y Percentage.

    • Percentage: El porcentaje de un punto de datos específico respecto al total dentro de la dimensión actual. Por ejemplo, el porcentaje del monto de ganancias de artículos de oficina sobre los ingresos totales. Al optar por mostrar datos porcentuales, también puede configurar el número de decimales del porcentaje a 0, 1 o 2 en Percentage Decimal Places.

    • Total: La suma de todas las medidas dentro de la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.

    Background Color

    Configure el color de fondo del cuadro de información sobre herramienta.

    Text

    Configure el estilo del texto en el cuadro de información sobre herramienta, incluido el color de fuente, tamaño, grosor y si está en cursiva.

  • Configuración para dispositivos móviles

    image

    Parámetro

    Descripción

    Floating Bubble

    Haga clic en el icono image para habilitar la visualización de burbuja flotante (①).

    Content

    Configure el contenido de datos para mostrar en la burbuja flotante. Puede elegir Percentage o Total.

    • Percentage: El porcentaje de un punto de datos específico respecto al total dentro de la dimensión actual. Por ejemplo, el porcentaje del monto de ganancias de artículos de oficina sobre los ingresos totales. Al optar por mostrar datos porcentuales, también puede configurar el número de decimales del porcentaje a 0, 1 o 2 en Percentage Decimal Places.

    • Total: La suma de todas las medidas dentro de la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.

    Background Color

    Configure el color de fondo de la burbuja flotante.

    Text

    Configure el estilo del texto en la burbuja flotante, incluido el color de fuente, tamaño, grosor y si está en cursiva.

    Show Axis Dimension

    Haga clic en el icono image para habilitar la visualización de la dimensión del eje (②).

    Background Color

    Configure el color de fondo de la etiqueta de dimensión del eje.

    Text

    Configure el estilo del texto de la etiqueta de dimensión del eje, incluido el color de fuente, grosor y si está en cursiva.

Series Settings

Configure el estilo de visualización de las series.

image

Nota

Solo necesita configurar el alias y el formato de visualización numérica en Series Settings si Color Legend/Dimension está habilitado en el panel de configuración de Field.

Parámetro

Descripción

Select series

Seleccione un elemento de dimensión o medida según su escenario empresarial.

Alias

Establezca un nombre de campo que se ajuste a su escenario empresarial.

Este elemento solo se puede configurar cuando color legend/dimension está configurado.

Show data labels

Elija si desea mostrar etiquetas de datos y configure su posición y formato de texto.

Series number formatting

Configure el formato de visualización para los valores de la serie. Puede seleccionar Auto o Custom.

Este elemento solo se puede configurar cuando color legend/dimension está configurado.

Show extrema

Especifica si se muestran etiquetas para los valores extremos en el gráfico. Tras seleccionar esta opción, puede configurar la position de las etiquetas de valores extremos, el display content (valor máximo/mínimo), el background fill color de la etiqueta y el text style de la etiqueta.

Nota

Esta función no es compatible con gráficos apilados ni 100% apilados.

Auxiliary Display

Configure el filtro de métricas y los controles de vista.

image

Parámetro

Descripción

Enable metric filter

Habilita el filtro de métricas dentro del gráfico. Configure el campo de métrica seleccionado de forma predeterminada tras la habilitación.

View control

Si los datos en un eje del gráfico son demasiado densos para caber en el contenedor, haga clic en el icono image para habilitar los controles de vista del gráfico. Estos controles permiten a los usuarios ajustar interactivamente el rango de datos visible.

Puede utilizar los siguientes dos tipos de control para gestionar el rango visible en el eje del gráfico: overview axis y scroll bar.

  • Si selecciona overview axis, se muestra un gráfico de tendencias simplificado del conjunto de datos completo (el eje de visión general) en la parte inferior del gráfico. Los lectores del informe pueden arrastrar el área de selección para explorar rápidamente todos los datos o centrarse en un rango específico. El eje de visión general utiliza un sistema de coordenadas absoluto, lo que significa que el intervalo seleccionado corresponde directamente a un número fijo de elementos de datos en el eje real. Es adecuado para análisis comparativos o escenarios complejos que requieren navegación directa.imageDe forma predeterminada, el eje de visión general solo se muestra cuando la cantidad de datos supera el ancho de visualización del contenedor del gráfico. Si desea que el eje de visión general esté siempre visible, seleccione Always show. Tras la selección, el eje de visión general se mostrará siempre, incluso si los datos del gráfico no llenan la pantalla.

  • Si selecciona scroll bar, se muestra una barra de desplazamiento horizontal en el lado derecho del gráfico. Los lectores del informe pueden arrastrar el control deslizante horizontalmente para mover la ventana de vista hacia la izquierda y la derecha. La barra de desplazamiento utiliza una escala relativa, donde la longitud y posición del control deslizante están determinadas por la proporción de la ventana visible respecto al rango total de datos. Es adecuada para escenarios de exploración general.imageAdemás, puede establecer el ancho mínimo de categoría para la barra de desplazamiento a fin de limitar la cantidad de datos en la ventana actual del gráfico. Esto garantiza que el contenido del gráfico se muestre claramente en el área visible y evita el desorden visual causado por etiquetas de datos superpuestas o puntos de datos excesivamente densos. El ancho mínimo de categoría predeterminado es de 32 px, con un rango de valores de 16 a 100 px.

    Después de configurar el ancho mínimo de categoría, la barra de desplazamiento aparecerá cuando el ancho real de categoría asignado al gráfico para su visualización completa sea inferior a este valor. Cuando la barra de desplazamiento está habilitada, los elementos del gráfico y las etiquetas de datos quedan restringidos al área rectangular del sistema de coordenadas. Cualquier parte que se extienda más allá de esta área (como puntos marcadores o etiquetas de datos) se truncará o reposicionará automáticamente para ajustarse.

Nota
  • Si no se configura ningún control de vista y el tamaño del gráfico es demasiado pequeño, el sistema habilita automáticamente un control de vista. De forma predeterminada, el sistema selecciona overview axis, que solo se muestra cuando la cantidad de datos supera el ancho de visualización del contenedor del gráfico.

  • La función de control de vista no es compatible con el modo de facetas.

Configuración de análisis

Sección

Parámetro

Descripción

Interacción de datos

Drill-down

Si configuró campos de drill-down, puede establecer el estilo de visualización para los niveles de drill-down.

Linkage

Utilice el linkage de gráficos para asociar varios gráficos y realizar análisis de datos entre gráficos. Configure and display linkage.

Hyperlink

Vincule varios dashboards para efectuar análisis de datos entre dashboards. Existen dos tipos: Parameter Hyperlink y External Link. Hyperlink Configuration and Display.

Analysis alerts

Reference line

Compare los valores actuales de la medida con un valor fijo o calculado (promedio, máximo, mínimo o mediana). Reference lines.

Trendline

Muestra la tendencia general de los datos actuales. Tipos: Intelligent Recommendation, Linear, Logarithmic, Exponential, Polynomial y Power Function. Trendlines.

Annotation

-

Resalte puntos de datos anómalos o relevantes mediante colores, iconos, comentarios o marcadores de puntos de datos. Annotations.

Siguientes pasos

  • Para que otros usuarios consulten su dashboard, compártalo con usuarios específicos. Para obtener más información, consulte Share a dashboard.

  • Integre su dashboard en un PC data portal para crear un menú de navegación complejo destinado a temas relacionados.