How to add data to a line chart and configure its styles - Quick BI

Los gráficos de líneas visualizan cómo cambian los datos a lo largo del tiempo; por ejemplo, para rastrear las ventas de productos y predecir el rendimiento futuro. Aprenda a agregar datos a un gráfico de líneas y a configurar su estilo.

Requisitos previos

Debe haber creado un panel. Para obtener más información, consulte Create a dashboard.

Limitaciones

Un gráfico de líneas consta de un value axis (medida), un category axis (dimensión) y una color legend (dimensión):

El category axis requiere como mínimo una dimensión, como fecha, provincia o tipo de producto.
El value axis requiere como mínimo una medida, como cantidad de pedidos.
La color legend admite hasta una dimensión, como método de envío.

Nota
Si utiliza varias medidas en el value axis y agrega una dimensión a la color legend, debe habilitar el filtro de métricas dentro del gráfico para alternar entre las medidas.
La split dimension admite hasta una dimensión, como tipo de producto o región.

Descripción general

Casos de uso

Los widgets de tendencias muestran datos continuos a lo largo del tiempo, lo que resulta ideal para visualizar patrones en intervalos regulares.
Los gráficos de líneas revelan aumentos, disminuciones, cambios periódicos y crecimiento exponencial.

Beneficios

Funciones de cálculo avanzadas: comparación interanual y mensual, cálculo acumulativo, líneas de cuadrícula, líneas de tendencia, previsión, detección de anomalías y análisis de fluctuaciones.
Varios tipos de visualización (gráficos de curva y de líneas) con etiquetas, leyendas y barras de desplazamiento configurables.
Permite comparar datos entre distintos periodos y agregar etiquetas de valores específicos al gráfico.

Ejemplo

Configuración de campos del gráfico

En la pestaña Data, seleccione los campos de dimensión y medida que necesite:
- En la lista Dimension, haga doble clic o arrastre product_type al área Category Axis/Dimension.
- En la lista Measure, haga doble clic o arrastre profit amount y price al área Value Axis/Measure.
Nota
Puede habilitar la actualización automática para que los datos del gráfico se actualicen automáticamente.
Haga clic en Update para actualizar el gráfico.
(Opcional) Agregue otro campo de dimensión a Split/Dimension para visualizar mejor las tendencias de los datos en modo faceta.
Nota
- Solo puede agregar un campo de dimensión de división. El modo faceta tiene las siguientes limitaciones:
  - Fields: Para los campos del área Split/Dimension, los cálculos avanzados solo admiten TopN o None.
  - Style: La configuración de ejes no admite eje Y dual, y las opciones de visualización auxiliar no admiten navegador.
  - Analysis: El análisis se limita a la interacción de datos. No se admiten configuraciones avanzadas, alertas analíticas, anotaciones ni información inteligente.
- Un número excesivo de facetas puede causar lentitud en la página. Para un rendimiento óptimo, mantenga el número de facetas en 500 o menos.

Configuración de estilos del gráfico

Configure los estilos del gráfico de líneas en la pestaña Style. Para consultar las configuraciones generales de estilo de gráficos, consulte Configure the chart title area.

Área de trazado

Configure los estilos del gráfico de líneas en la sección plotting area.

Parámetro	Descripción
Color scheme	Establece el esquema de colores para las líneas. Puede usar un esquema de colores del sistema o personalizar los colores.
Chart type switch	Define el tipo de gráfico. Los tipos compatibles son line chart, area chart, stacked area chart y 100% stacked area chart.
Line type	Opciones: smooth y straight.
Line style	Configura el estilo y el grosor de las líneas.
Show markers	Activa o desactiva la visualización de marcadores en los puntos de datos y define su shape.
Null value handling	Especifica cómo manejar los valores nulos. Las opciones disponibles son Skip, Set to 0 y Break the line.
Default mobile selection	Al habilitar esta opción, puede establecer la Default selection como Last global dimension value o Last dimension value of a specified series.

Faceta

En el modo de facetas, utilice la sección Facet para configurar el diseño y los estilos del gráfico.

Nota

El modo de facetas solo se activa cuando agrega un campo al área Split/Dimension.

Parámetro		Descripción
Layout style		Define el diseño del gráfico. Opciones: Single-column comparison y Grid.
Shared axis		Especifica si los gráficos comparten el mismo eje.
Show separator line		Indica si se muestra una línea separadora entre los gráficos. Si habilita esta opción, podrá configurar el color y el estilo de la línea separadora.
Number of columns		Cuando el Layout style se establece en Grid, puede definir el número de columnas para organizar los gráficos. La configuración predeterminada es automática, pero también puede personalizar el número de columnas según sus necesidades. Nota Debe configurar el número de columnas por separado para PC y dispositivos móviles. Puede alternar entre dispositivos mediante el icono ubicado en la parte superior de la página. El rango permitido es de 1 a 6 columnas para PC y de 1 a 3 para dispositivos móviles.
Minimum facet size		Establece el ancho y alto mínimos para cada gráfico. Las opciones disponibles varían según el estilo de diseño. Single-column comparison o Grid con columnas automáticas: Solo puede configurar el ancho mínimo de la faceta. Grid con columnas personalizadas: Puede configurar tanto el ancho como el alto mínimos de la faceta.
Row and column spacing		Define el espaciado entre filas y columnas de los gráficos. Las opciones disponibles dependen del estilo de diseño. Single-column comparison: Solo puede configurar el espaciado de columnas entre gráficos. Grid: Puede configurar tanto el espaciado de filas como el de columnas entre gráficos.
Split label	Position	Establece la posición de visualización de la etiqueta del valor de dimensión. Opciones: Above chart o Below chart.
	Text	Configura el color de fuente y el estilo de la etiqueta del valor de dimensión.
	Alignment	Define la alineación de la etiqueta del valor de dimensión.

Ejes

En la sección Axes, configure los estilos de los ejes. De forma predeterminada, los ejes se muestran visibles.

Puede seleccionar Show dual y-axis. Esta configuración solo surte efecto cuando agrega dos o más medidas. Al seleccionar esta opción, se añade una sección Right Y-axis debajo de Axes.

Nota

Solo necesita configurar el Right Y-axis si selecciona Show dual y-axis. Los parámetros son idénticos a los del Left Y-axis.
La función Show dual y-axis no es compatible con el modo de facetas.

image..png

Nombre	Parámetro	Descripción
X-axis	Show x-axis	Especifica si se muestra el eje X.
	Show title and unit	Indica si se muestran el Axis Title y la Unit en el eje X.
	Show axis labels	Determina si se muestran etiquetas en el eje X y configura la regla de visualización de etiquetas del eje y el estilo de texto.
	Content to display	Define el contenido mostrado para algunas o todas las dimensiones.
	Show ticks	Especifica si se muestran marcas de graduación en el eje X.
	Show axis line	Indica si se muestra la línea del eje X, incluido su tipo, ancho y color.
	Show gridlines	Determina si se muestran líneas de cuadrícula para el eje X, incluyendo su tipo, ancho y color.
Left y-axis	Invert y-axis scale	Invierte la escala del eje Y.
	Show left y-axis	Especifica si se muestra el eje Y izquierdo.
	Show title and unit	Indica si se muestran el Axis Title y la Unit.
	Show axis labels	Determina si se muestran etiquetas en el eje Y. Si se habilita, también puede definir el formato de visualización de etiquetas del eje y el estilo de texto. Para el formato de visualización, puede elegir el modo Auto o Custom. El modo predeterminado es Auto. En este modo, las etiquetas del eje heredan el data display format configuration del campo de medida. Si existen varios campos de medida, se utiliza el formato de visualización del primer campo. En el modo Custom, haga clic en el icono para abrir el cuadro de diálogo Data Display Format Settings y configurar el formato de datos según sea necesario. Para obtener información sobre las opciones del cuadro de diálogo, consulte Data display format > Custom.
	Show ticks	Especifica si se muestran marcas de graduación en el eje Y izquierdo.
	Show axis line	Indica si se muestra la línea del eje Y izquierdo, incluyendo su tipo, ancho y color.
	Show gridlines	Determina si se muestran líneas de cuadrícula para el eje Y izquierdo, incluyendo su tipo, ancho y color.
	Axis value range and interval	Admite la configuración Auto y manual de los valores Maximum/Minimum para las etiquetas del eje Y izquierdo y el rango de graduación. Permite establecer un Custom interval por tamaño de paso o por número de divisiones.

Leyenda

Configure la visualización y el estilo de la leyenda en la sección Legend.

Configuración para PC

Parámetro	Descripción
Style	Define el estilo del icono de la leyenda. Opciones: Auto, Line only y Line and marker. Nota Al seleccionar Line and marker, la leyenda se sincroniza con el estilo de marcador configurado en el gráfico. Si no hay ningún estilo de marcador definido, se muestra un círculo sólido de forma predeterminada. Si selecciona Scale legend symbol with text en Theme Design > Common Content Style, el tamaño y el grosor de línea del icono de la leyenda se ajustarán proporcionalmente según el grosor de línea del gráfico y el tamaño del texto de la leyenda.
Position	Establece la posición de visualización y la alineación de la leyenda en una 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, central o inferior. También puede definir la distancia entre la leyenda y el contenido del gráfico.
Text	Configura el estilo de texto de la leyenda en una PC, incluyendo color de fuente, tamaño, grosor y cursiva.

Configuración para dispositivos móviles

Parámetro		Descripción
Style		Define el estilo del icono de la leyenda. Opciones: Auto, Line only y Line and marker.
Position		Establece la posición de visualización y la alineación de la leyenda en un dispositivo móvil. 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, central o inferior. También puede definir 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.
Text		Configura el estilo de texto del nombre de la medida en la leyenda de un dispositivo móvil, incluyendo color de fuente, tamaño, grosor y cursiva.
Content under legend Cuando la Position se establece en Top, haga clic en el icono para habilitar etiquetas debajo de la leyenda.	Content	Define el contenido de datos que se mostrará en las etiquetas debajo de la leyenda. Puede optar por mostrar porcentaje o total. Percentage: El porcentaje de un punto de datos respecto al total de la dimensión actual. Por ejemplo, el porcentaje de ganancias sobre los ingresos totales en artículos de oficina. Al elegir mostrar datos porcentuales, también puede establecer el número de decimales en 0, 1 o 2 dentro de Percentage Decimal Places. Total: La suma de todas las medidas para la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.
	Style	Define el diseño de las etiquetas bajo la leyenda. Están disponibles las siguientes opciones: Evenly split across multiple rows: Organiza automáticamente las etiquetas en divisiones iguales según el número de columnas definido en Max items per row y el número de filas en Max rows per page. Single-row layout: Todo el contenido de la etiqueta se muestra en una sola fila. Plain text: Muestra solo contenido de texto sin iconos, y el color del texto coincide con el color de línea de la medida correspondiente en el gráfico.
	When not selected, show metric as	Cuando el Style se establece en Evenly split across multiple rows o Single-row layout, puede especificar cómo mostrar la métrica para los elementos de leyenda no seleccionados. Puede elegir mostrarla como "-" o en blank.
	Percentage position	Si selecciona Percentage en Content y el Style está definido como Evenly split across multiple rows o Single-row layout, puede establecer la posición de visualización de los datos porcentuales. Opciones: Below o a la right de la etiqueta de valor.
	Text style	Cuando el Style se establece en Evenly split across multiple rows o Single-row layout, puede configurar el estilo del texto de value. Si opta por mostrar datos de Percentage en el contenido, puede definir el formato del texto porcentual para diferenciarlo del contenido de la etiqueta de value, mejorando así la distinción visual entre tipos de datos.
	Show full text	Cuando el Style se establece en Evenly split across multiple rows, los nombres largos de medidas podrían truncarse. Si necesita mostrar el nombre completo de la medida, seleccione Show Full Text.
	Show tooltip fields	Al seleccionarse, los campos que configure en el área Tooltip/Measure del panel de campos se mostrarán en el área de la leyenda. Nota No se admite la visualización de campos de información sobre herramienta cuando el gráfico se divide por un valor de dimensión (es decir, cuando la leyenda de color es una dimensión).

Etiquetas de datos

Configure la visualización y el estilo de las etiquetas de datos en la sección Data labels.

Parámetro	Descripción
Content	Cuando el Chart type en la sección plotting area se establece en stacked area chart o 100% stacked area chart, puede seleccionar el contenido de datos para mostrar en las etiquetas. Las opciones incluyen Measure, Percentage y Total. Si elige mostrar datos de Percentage, también puede definir el número de decimales en 0, 1 o 2 dentro de Percentage Decimal Places.
Show all	Determina si se muestran todas las etiquetas de datos. Al activarse, el sistema ajusta inteligentemente las posiciones para evitar superposiciones. Si hay demasiadas etiquetas, algunas podrían no mostrarse si exceden el área del eje. También puede optar por Allow data labels to overlap.
Position	Define la posición de visualización de las etiquetas.
Text	Configura el estilo de texto de las etiquetas.

Información sobre herramienta

En la sección Tooltip, haga clic en el icono para habilitar y configurar la información sobre herramienta.

Configuración para PC

Parámetro	Descripción
Display mode	Define cómo se muestra la información sobre herramienta. Opciones: By single data point y By dimension value.
Content	Selecciona el contenido de datos para mostrar en la información sobre herramienta. Las opciones disponibles dependen del Display mode elegido. Para el modo By single data point, puede mostrar porcentajes. Para el modo By dimension value, puede mostrar totales y porcentajes. Percentage: El porcentaje de un punto de datos respecto al total de la dimensión actual. Por ejemplo, el porcentaje de ganancias sobre los ingresos totales en artículos de oficina. Al elegir mostrar datos porcentuales, también puede establecer el número de decimales en 0, 1 o 2 dentro de Percentage Decimal Places. Total: La suma de todas las medidas para la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.
Background color	Establece el color de fondo de la información sobre herramienta.
Text	Configura el estilo del texto en la información sobre herramienta, incluyendo color de fuente, tamaño, grosor y cursiva.

Configuración para dispositivos móviles

Parámetro		Descripción
Floating bubble Haga clic en el icono para habilitar la visualización de burbuja flotante (①).	Content	Define el contenido de datos para mostrar en la burbuja flotante. Puede optar por mostrar porcentaje o total. Percentage: El porcentaje de un punto de datos respecto al total de la dimensión actual. Por ejemplo, el porcentaje de ganancias sobre los ingresos totales en artículos de oficina. Al elegir mostrar datos porcentuales, también puede establecer el número de decimales en 0, 1 o 2 dentro de Percentage Decimal Places. Total: La suma de todas las medidas para la dimensión actual. Por ejemplo, el monto total de ventas de todas las regiones en 2025.
	Background color	Establece el color de fondo de la burbuja flotante.
	Text	Configura el estilo del texto en la burbuja flotante, incluyendo color de fuente, tamaño, grosor y cursiva.
Show axis dimension Haga clic en el icono para habilitar la visualización de la dimensión del eje (②).	Background color	Establece el color de fondo de la etiqueta de dimensión del eje.
	Text	Configura el estilo del texto de la etiqueta de dimensión del eje, incluyendo color de fuente, grosor y cursiva.

Configuración de series

Configure los estilos de serie en la sección Series settings.

Nota

Solo puede definir el Alias y el Series Value Display Format en Series Settings cuando Color legend/Dimension está habilitado en el panel de configuración de Fields.

Parámetro	Descripción
Select field	Seleccione un elemento de dimensión o medida según su escenario empresarial.
Alias	Define un nombre de visualización personalizado para el campo seleccionado. Este elemento solo puede configurarse cuando se ha definido Color Legend/Dimension.
Line style	Configura el tipo y grosor de la línea en el gráfico de líneas. Nota Esta función no es compatible con gráficos apilados ni 100% apilados.
Show markers	Indica si se muestran marcadores. Si se selecciona, puede especificar además el estilo de dichos marcadores. Nota Esta función no es compatible con gráficos apilados ni 100% apilados.
Show data labels	Determine si desea mostrar etiquetas de datos y configure su posición y formato de texto.
Series value formatting	Configure el formato de visualización para los valores de serie. Opciones: Auto o Custom. Auto: Es la opción predeterminada. El valor de la serie hereda el data display format configuration del campo de medida correspondiente. Custom: Haga clic en el icono para abrir el cuadro de diálogo Data Display Format Settings y configurar el formato de datos según sea necesario. Para obtener información sobre las opciones del cuadro de diálogo, consulte Data display format > Custom. Este elemento solo puede configurarse cuando se ha definido Color Legend/Dimension.
Show extremes	Determina si se muestran etiquetas para valores extremos en el gráfico. Si se selecciona, puede definir la position de la etiqueta, el content to display (valor máximo/mínimo), el background fill color y el text style de la misma. Nota Esta función no es compatible con gráficos apilados ni 100% apilados.

Visualización auxiliar

Configure el filtro de métricas y los controles de vista en la sección Auxiliary display.

Parámetro

Descripción

Enable in-chart metric filter

Especifica si se habilita el filtro de métricas dentro del gráfico. Si se activa, puede definir además el campo de métrica seleccionado de forma predeterminada.

View control

Cuando los datos en el eje del gráfico son densos y no caben completamente en el tamaño actual del contenedor, puede hacer clic en el icono para habilitar el control de vista del gráfico. Esto permite a los lectores del informe ajustar dinámicamente el rango visible deslizando, lo que mejora la legibilidad e interactividad.

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

Si selecciona navigator, se muestra un gráfico simplificado de tendencia de datos completos (el navegador) en la parte inferior. Los lectores pueden arrastrar el área de selección para explorar rápidamente todos los datos o centrarse en un rango específico. El navegador utiliza un sistema de coordenadas absoluto, lo que significa que el intervalo seleccionado se asigna directamente a un número fijo de categorías en el eje real. Esto resulta adecuado para análisis comparativos o escenarios complejos que requieren posicionamiento directo. De forma predeterminada, el navegador solo aparece cuando la cantidad de datos supera el ancho de visualización del contenedor. Si desea que esté siempre visible, seleccione Always show. Con esta opción, el navegador se mostrará incluso si los datos no llenan toda la pantalla.
Si selecciona scroll bar, aparecerá una barra de desplazamiento horizontal en la parte inferior del gráfico. Los lectores pueden arrastrar el control deslizante horizontalmente para mover la ventana de vista hacia la izquierda o derecha. La barra de desplazamiento se basa en proporciones, por lo que la longitud y posición del control dependen de la relación entre la ventana visible y el rango total de datos. Es ideal para escenarios de navegación general. También puede establecer un ancho mínimo de categoría para limitar la cantidad de datos en la ventana actual. Esto garantiza que el contenido se escale claramente dentro del área visible y evita el desorden visual causado por etiquetas superpuestas o puntos demasiado densos. El ancho mínimo de categoría es de 32 px de forma predeterminada, con un rango de valores de 16 px a 100 px.

Tras configurar el ancho mínimo de categoría, la barra de desplazamiento aparecerá si el ancho real asignado a cada categoría es menor que este valor al mostrarse completamente. Cuando la barra está habilitada, los elementos del gráfico y las etiquetas de datos quedan restringidos al área rectangular del sistema de coordenadas. Cualquier parte que exceda dicha área (como marcadores o etiquetas) se recortará o reposicionará automáticamente para ajustarse.

Nota

Si no configura ningún control de vista, el sistema habilitará uno automáticamente cuando el gráfico sea demasiado pequeño. El navigator se selecciona de forma predeterminada y solo se mostrará cuando la cantidad de datos supere el ancho de visualización del contenedor.
La función de control de vista no es compatible con el modo de facetas.

Configuración de análisis del gráfico

Parámetro	Parámetro	Descripción
Interacción de datos	Profundización	Después de configurar la profundización para un gráfico, puede personalizar cómo se muestran los niveles de profundización. Para obtener más información, consulte Drilling.
	Filter interaction	Cuando necesite analizar datos en varios gráficos, utilice la interacción de filtros para vincularlos y realizar un análisis combinado. Para obtener más información, consulte Filter interaction.
	Hyperlink	Si su análisis abarca varios paneles, utilice hipervínculos para conectarlos. Se admiten dos tipos: parameter hyperlinks y external links. Para obtener más información, consulte Hyperlink.
Configuración avanzada	Agregar comparación de datos	Cuando necesite analizar datos en una dimensión de fecha, puede agregar comparaciones de datos. Si el campo de fecha está configurado con granularidad de día, puede seleccionar opciones como Same period last year, Same period last month, Same period last week, Previous day o Custom end date para comparar los datos.
Metric analysis	Reference line	Una línea de referencia le ayuda a comparar el valor de una medida con un valor establecido. Este valor puede ser fijo o calculado. Los valores calculados incluyen promedio, máximo, mínimo y mediana. Para obtener más información, consulte Reference line.
Metric analysis	Trendline	Una línea de tendencia muestra la tendencia general de sus datos. Hay seis tipos disponibles: recomendación inteligente, lineal, logarítmica, exponencial, polinómica y potencial. Para obtener más información, consulte Metric analysis.
Annotation	-	Cuando los datos del gráfico presentan anomalías o requieren atención especial, puede utilizar anotaciones como resaltados de color, iconos, comentarios o puntos de datos. Estas anotaciones le ayudan a identificar los problemas y tomar las medidas adecuadas. Para obtener más información, consulte Annotation.

Siguientes pasos

Puede compartir un panel con usuarios específicos. Para obtener más información, consulte Share a dashboard.
Para crear un menú de navegación complejo destinado al análisis temático, integre el panel en un portal de inteligencia empresarial (BI). Para obtener más información, consulte Business intelligence (BI) portal.