TIME LINE#

El widget Time Line muestra intervalos de tiempo en una línea de tiempo horizontal. Es útil para mostrar la duración de los Trabajos, las etapas de un proceso o las acciones del usuario en un formulario.

Por ejemplo, Time Line puede mostrar cuándo comenzó y terminó cada Trabajo, cuánto duró cada etapa de una solicitud o cómo se distribuyeron las acciones en el tiempo.

Inicio de la configuración del widget#

Para configurar el widget, haga clic en el icono de edición .

Se abrirá la ventana "Configuración del widget":

Complete los campos necesarios para configurar el widget.

Campos generales#

N.ºCampoDescripción
1.Nombre del widget *Nombre que aparecerá en el encabezado del widget. Se introduce manualmente.
2.ModoForma de configurar la consulta de datos.
2.1.Modo constructorPermite construir una consulta con bloques: tablas, uniones, filtros, series del widget, agrupación, ordenación y número de filas.
2.2.Modo avanzadoPermite escribir una consulta SQL manualmente. Este modo es conveniente para Time Line porque se pueden indicar explícitamente los nombres de columna necesarios.

Campos adicionales disponibles solo en el modo constructor#

Unión de tablas#

La unión de tablas permite obtener datos de varias tablas relacionadas y formar resultados más completos.

Para comparar las columnas de dos tablas antes de unirlas se utilizan los siguientes operadores:

Operador Descripción
= Devuelve las filas cuyos valores en las columnas indicadas de ambas tablas son iguales.
!= Devuelve las filas cuyos valores en las columnas indicadas de ambas tablas son distintos.
> Devuelve las filas en las que el valor de la columna indicada de la primera tabla es mayor que el de la segunda tabla.
< Devuelve las filas en las que el valor de la columna indicada de la primera tabla es menor que el de la segunda tabla.

Para unir solo dos tablas, complete estos campos:

  1. Seleccione la primera "Columna" de la lista;
  2. Seleccione el "Operador" de la lista;
  3. Seleccione "Columna 2" de la lista.

Por ejemplo:

Para unir más de dos tablas, haga clic en y complete los campos necesarios.

Para eliminar una unión de tablas, haga clic en .

Filtros#

Los filtros establecen condiciones para los datos seleccionados mediante operadores de comparación y operadores lógicos.

Para establecer una condición, complete estos campos:

  1. Seleccione "Columna" de la lista;
  2. Seleccione "Operador" de la lista;
  3. Escriba "Valor" con el teclado.

Por ejemplo:

Para combinar varias condiciones, por ejemplo, ((robots.is_deleted = 0) AND (robots.id > 13)), utilice operadores lógicos. Haga clic en para cambiarlo a OR o en para cambiarlo a AND. Después haga clic en y complete los campos necesarios:

Para establecer una condición de Filtro compleja con varios grupos de paréntesis, haga clic en y complete los campos necesarios.

Para eliminar una condición, haga clic en .

Series del widget#

Las series del widget indican qué columnas de la base de datos se deben obtener y devolver en el resultado de la consulta.

Para configurar las Series del widget, complete estos campos:

  1. Seleccione "Columna" de la lista;
  2. Seleccione "Operador" de la lista;
  3. Escriba "Nombre de la serie" con el teclado.

Por ejemplo:

Para mostrar datos adicionales en la leyenda, haga clic en .

Agrupar por#

Este campo agrupa filas con los mismos valores en una o varias columnas para aplicar operaciones de agregación. Seleccione una columna de la lista.

Ordenación#

Estos campos determinan el orden de las filas del resultado. Escriba "ASC" en "Ordenar por" para orden ascendente o "DESC" para descendente y seleccione una "Columna" de la lista.

Número de filas#

Escriba un valor o utilice el contador . Este campo limita el número de registros devueltos por la consulta para construir el panel.

Prueba#

Para comprobar que la consulta esté configurada correctamente, haga clic en . Aparecerá una tabla con los datos utilizados para construir el panel Line Chart.

Haga clic en "OK" para mostrar el panel.

Haga clic en "Cancelar" para borrar todos los datos introducidos.

Formato de datos para Time Line#

Para que el widget se construya correctamente, la consulta debe devolver tres columnas:

Columna Descripción
name Nombre de una fila de la línea de tiempo, como un Trabajo, una etapa o un formulario.
StartTime Fecha y hora de inicio del intervalo.
FinishTime Fecha y hora de finalización del intervalo.

Si FinishTime está vacío, el widget mostrará un intervalo corto de 60 segundos a partir de StartTime.

Modo constructor (ejemplo)#

Este ejemplo muestra los Trabajos más recientes que tienen hora de inicio. Cada Trabajo aparece como un intervalo independiente desde el inicio hasta la finalización.

Complete estos campos:

Tablas *

jobs

process_versions

processes

Unión de tablas

Columna Operador Columna 2
jobs.process_version_id = process_versions.id
process_versions.process_id = processes.id

Filtros

Columna Operador Valor
jobs.is_deleted = 0
jobs.created > 2026-01-01 00:00:00

Series del widget

Columna Operador Nombre de la serie
processes.name name
jobs.created StartTime
jobs.updated FinishTime

En Time Line, las Series del widget deben llamarse exactamente name, StartTime y FinishTime. El código del widget utiliza esos nombres para construir la línea de tiempo.

Ordenar por

Campo Valor
Columna jobs.created
Ordenar por DESC

Número de filas

10

Modo avanzado (ejemplo)#

Este ejemplo muestra los Trabajos más recientes que tienen hora de inicio. Cada Trabajo aparece como un intervalo independiente desde el inicio hasta la finalización.

En el campo SQL, introduzca la siguiente consulta:

SELECT
    COALESCE(processes.name, CONCAT('Работа ', jobs.id)) AS name,
    COALESCE(jobs.started, jobs.created) AS StartTime,
    DATE_ADD(COALESCE(jobs.started, jobs.created), INTERVAL 2 HOUR) AS FinishTime
FROM jobs
LEFT JOIN process_versions ON jobs.process_version_id = process_versions.id
LEFT JOIN processes ON process_versions.process_id = processes.id
WHERE
    jobs.is_deleted = 0
    AND COALESCE(jobs.started, jobs.created) IS NOT NULL
ORDER BY COALESCE(jobs.started, jobs.created) DESC
LIMIT 10

Haga clic en "OK" para mostrar el widget en el panel.