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.
.png)
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
.
.png)
Se abrirá la ventana "Configuración del widget":
.png)
Complete los campos necesarios para configurar el widget.
Campos generales#
| N.º | Campo | Descripción |
| 1. | Nombre del widget * | Nombre que aparecerá en el encabezado del widget. Se introduce manualmente. |
| 2. | Modo | Forma de configurar la consulta de datos. |
| 2.1. | Modo constructor | Permite construir una consulta con bloques: tablas, uniones, filtros, series del widget, agrupación, ordenación y número de filas. |
| 2.2. | Modo avanzado | Permite 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:
- Seleccione la primera "Columna" de la lista;
- Seleccione el "Operador" de la lista;
- 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:
- Seleccione "Columna" de la lista;
- Seleccione "Operador" de la lista;
- 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:
- Seleccione "Columna" de la lista;
- Seleccione "Operador" de la lista;
- 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.
.png)
.png)
.png)
.png)
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
.png)
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.