🕒 Tabla comparativa temporal · Propiedades del Widget
Objetivo Principal: Comparar una o varias variables turno a turno, en formato de tabla o de ranking, con su objetivo al lado y la variación frente a un periodo anterior.
Todavía sin captura
Esta página describe una pantalla que aún no está fotografiada en el manual, así que el despiece no numera los elementos sobre una imagen. Lo que se cuenta aquí está contrastado con la versión 0.4.46 de la aplicación.
Se llega desde la sección Datos de la paleta de widgets: arrastra al canvas el elemento "Tabla comparativa temporal" —descrito en la paleta como "Turnos x variables: comparativa o ranking (v1)"— y selecciónalo para abrir la ventana "Configuración del widget". Las filas de la tabla son los turnos definidos en Turnos: si no hay ninguno configurado, el widget lo advierte y no muestra datos. Crear y editar dashboards está reservado a los perfiles Administrador y Admin Global.
🧩 Despiece de Elementos Funcionales
| Nombre del Elemento | Tipo | Destino / Acción | Descripción Funcional |
|---|---|---|---|
| Elemento "Tabla comparativa temporal" | Elemento de la paleta | Inserta el widget en la vista | Se añade arrastrándolo al canvas o haciendo clic sobre él. Al insertarse arranca en modo "Tabla comparativa", comparando contra "−1 día" y con el coloreado por heatmap activado. |
| Ventana "Configuración del widget" | Ventana de propiedades | Configura el widget | Al seleccionar el widget se abre esta ventana con un panel propio, distinto del de los demás widgets de tabla: no tiene las pestañas "Datos", "Apariencia" y "Texto", sino las secciones que se describen abajo. Arriba del todo está el campo "Nombre del widget" (con el ejemplo "Ej: Comparativa por turno") y abajo los botones "Cancelar" y "Guardar cambios". |
| Sección "Modo" | Lista desplegable | Elige la forma de la tabla | Dos opciones: "Tabla comparativa" y "Ranking". Es el primer campo y condiciona el resto, tal como avisa el propio panel: "Primer campo: condiciona el resto. Ranking admite una sola variable.". Al pasar a "Ranking" con varias variables seleccionadas, el panel conserva solo la primera. |
| Sección "Periodo comparativo" | Lista desplegable | Elige contra qué se compara | Opciones "−1 día" a "−7 días", "Media semana anterior", "Media semana actual", "Media mes anterior" y "Media mes actual". El panel aclara que "El dato se compara siempre con su benchmark; además, contra este periodo (delta %).". |
| Casilla "Rango propio (ignora el periodo del dashboard)" | Casilla de verificación | Desliga el widget del filtro global | Desactivada por defecto: mientras lo esté, la tabla usa el periodo del dashboard. Al marcarla aparecen los controles del rango propio. |
| Selector de tipo de rango propio | Lista desplegable | Elige cómo se expresa el rango | Solo visible con el rango propio activado. Ofrece "Relativo (preset)" y "Fechas concretas". Con "Fechas concretas" aparecen dos campos de fecha, de inicio y de fin. |
| Selector de rango relativo | Lista desplegable | Fija el periodo propio | Solo visible con el rango propio activado en modo relativo. Opciones: "Últimos 30 min", "Última hora", "Últimas 8 h", "Últimas 24 h", "Últimas 48 h", "Hoy (00:00–23:59)", "Ayer (día completo)", "Esta semana", "Semana anterior", "Este mes" y "Mes anterior". Con "Hoy (00:00–23:59)" el panel avisa de que "Modo diario: los turnos pendientes aparecen sin datos y el turno en curso se resalta.". |
| Desplegable "Turnos" | Lista desplegable | Acota qué turnos entran en la tabla | Opciones "Todos los turnos", "Grupo de turnos" y "Turnos concretos". Con "Grupo de turnos" aparece el desplegable de grupos; con "Turnos concretos", una casilla por turno. Si no hay grupos o turnos definidos, el panel lo indica y remite a configurarlos en Turnos. |
| Sección "Variables" | Lista de variables | Define las columnas | Cada variable añadida es una columna. Admite hasta 10 variables y el panel muestra el recuento; en modo "Ranking" solo se admite una y el título de la sección pasa a "Variables (una en ranking)". Mientras no haya ninguna, muestra "Aún no hay variables seleccionadas. Añade al menos una para ver datos.". |
| Desplegable "Añadir variable" | Lista desplegable | Añade una columna | Lista las variables activas que aún no se han usado, con su unidad entre paréntesis. Empieza en "— Seleccionar —". Desaparece cuando ya no se pueden añadir más; en ese caso el panel avisa de que "El modo Ranking admite una sola variable. Cambia a Tabla comparativa para añadir más.". |
| Campo "Nombre de columna" | Campo de texto | Renombra la columna | Uno por variable. Si se deja vacío se usa el identificador de la variable, que el propio campo muestra como texto de ejemplo. |
| Desplegable de parámetro | Lista desplegable | Elige qué se mide | Por cada variable se elige entre "Ciclos", "% trabajo", "Horas trabajadas" y "Minutos trabajados". La opción "% rendimiento temporal" solo aparece cuando la variable es una señal de marcha/paro que se registra por cambio de estado. |
| Campo de benchmark | Campo numérico | Fija el objetivo del parámetro | Campo pequeño junto a cada parámetro, con el texto de ejemplo "bench" y el aviso emergente "Benchmark del parámetro (opcional)". Es el valor contra el que la celda dibuja su triángulo. |
| Botón "Parámetro" | Botón | Añade un segundo parámetro | Cada variable admite hasta dos parámetros apilados en la misma celda. El botón desaparece cuando ya hay dos; la papelera de cada fila quita uno, y queda desactivada si solo queda uno. |
| Botón de papelera de la variable | Botón | Quita la columna | Elimina la variable y su columna de la tabla. |
| Casilla "Mostrar leyenda" | Casilla de verificación | Muestra u oculta la leyenda | Activada por defecto. Controla la fila de ayuda que explica cómo leer la tabla. |
| Casilla "Heatmap" | Casilla de verificación | Colorea las celdas por valor | Activada por defecto. Pinta cada celda en un degradado calculado sobre el primer parámetro, del peor al mejor valor de su propia columna. |
| Campos "Escala de color (mín · medio · máx)" | Tres selectores de color | Personaliza el degradado | Solo visibles con "Heatmap" activado. El panel aclara que "El color medio es opcional (escala divergente).". |
| Controles "Marco" y "Decimales" | Lista desplegable y campo numérico | Ajustan el contenedor y la precisión | "Marco" ofrece "Tarjeta", "Plano" y "Transparente". "Decimales" acepta de 0 a 6. |
| Bloques "Cabeceras" y "Celdas" | Selectores de color y de fuente | Dan formato a la tabla | Cada bloque ofrece "Fondo", "Texto", "Fuente (px)" y "Peso" ("Normal", "Media" o "Negrita"). La cabecera arranca en 11 px y negrita; las celdas, en 13 px y normal. |
| Campos "Fuentes (px): título · benchmark · periodo" | Tres campos numéricos | Afinan tamaños de texto | Aceptan de 8 a 28 px, con los textos de ejemplo "título", "bench" y "periodo". El panel recuerda que "El valor usa el tamaño de fuente de celda; la cabecera, el de cabecera (arriba).". |
| Cabecera de periodo del widget | Franja informativa | Sitúa el periodo analizado | Sobre la tabla, indica el periodo base y, precedido de "vs", el periodo de referencia. Si el widget tiene rango propio, muestra además la etiqueta "Rango propio ·" con el rango elegido y el aviso emergente "Esta tabla usa un rango propio, distinto del dashboard". |
| Leyenda de la tabla | Fila de ayuda | Explica la lectura de la celda | Muestra "valor / objetivo", "▲ sobre objetivo", "▼ bajo objetivo", "— en objetivo", la explicación de la comparación con el periodo anterior (Δ%), "color = peor → mejor de la columna" cuando el heatmap está activado, y "no data sin datos suficientes". |
| Primera columna de la tabla | Columna | Identifica cada fila | Se titula "Turno" en modo tabla y "Ranking" en modo ranking. Cada fila muestra el nombre del turno y su horario de inicio y fin. En ranking añade delante la posición ("#1", "#2"…) y, debajo, cuántos "días como #1" acumula. |
| Distintivos "● En curso" y "Pendiente" | Etiquetas de fila | Señalan el estado del turno | "● En curso" marca el turno que está transcurriendo y "Pendiente" el que aún no ha empezado; la fila correspondiente se resalta. |
| Botones de ordenación de las cabeceras | Botones "↕ ↓ ↑" | Ordenan la tabla | Cada columna lleva un botón con el aviso "Ordenar por esta columna". El primer clic ordena de mayor a menor, el segundo de menor a mayor y el tercero devuelve el orden original. |
| Cabecera de columna (doble clic) | Edición en línea | Renombra la columna | Con el dashboard en edición, un doble clic sobre el nombre de la columna lo convierte en un campo editable ("Doble clic para renombrar"). Se confirma con Intro o saliendo del campo, y se descarta con Escape. |
| Celda de dato | Celda de la tabla | Muestra valor, objetivo y variación | En la primera línea, el valor con su unidad y, si hay objetivo, "/ objetivo" en letra pequeña más el triángulo de comparación. En la segunda, "vs" el valor del periodo comparativo y la variación en porcentaje, en verde si sube y en rojo si baja. Cuando falta el dato, la celda muestra "no data". |
| Mensaje "Configura el widget" | Mensaje de estado | — | Acompañado de "Selecciona al menos una variable.", es lo que muestra el widget mientras no haya ninguna variable. |
| Mensaje "Cargando…" | Mensaje de estado | — | Acompañado de "Calculando la comparación por turnos." durante la primera carga. |
| Mensaje "Error al cargar datos" | Mensaje de estado | — | Muestra el detalle del error o, en su defecto, "No se pudo calcular la comparacion.", con un botón "Reintentar". |
| Mensaje "Sin turnos configurados" | Mensaje de estado | — | Aparece cuando la plataforma responde pero no hay turnos que representar; propone "Configura turnos en Ajustes → Turnos.". |
| Avisos al pie de la tabla | Franja de avisos | Informan de limitaciones del cálculo | Bajo la tabla se muestran hasta tres avisos devueltos por la plataforma. Si ninguna celda tiene dato, aparece además "Sin datos en el periodo para los turnos seleccionados.". |
💡 Guía de Uso
La Tabla comparativa temporal responde a una pregunta muy concreta: ¿cómo se ha comportado cada turno? Sus filas son siempre los turnos, sus columnas las variables que elijas, y cada celda cuenta tres cosas a la vez: el valor del turno, su distancia al objetivo (el triángulo) y su variación frente al periodo con el que has decidido compararlo.
Se usa principalmente para:
- Comparar el rendimiento de los turnos de un mismo día o de una misma semana.
- Ver de un vistazo qué turnos cumplen su objetivo y cuáles se quedan por debajo.
- Detectar si un turno ha mejorado o empeorado respecto al día, la semana o el mes anteriores.
- Ordenar los turnos por una variable concreta con el modo "Ranking".
- Localizar el mejor y el peor turno de cada columna gracias al coloreado por heatmap.
Ten en cuenta dos cosas antes de configurarlo. La primera, que sin turnos definidos el widget no puede dibujar nada: configúralos antes en Turnos. La segunda, que el widget se compara siempre contra dos referencias distintas: el benchmark que escribes por parámetro (el objetivo, que produce el triángulo) y el "Periodo comparativo" (que produce la variación en porcentaje). Son independientes, y puedes dejar el benchmark vacío si solo te interesa la evolución.
Si además del valor y su objetivo necesitas el grado de cumplimiento, con tarjetas de resumen y panel de detalle, el widget adecuado es Diagnóstico por turnos. Y si lo que buscas es la comparación entre turnos de una sola máquina con rachas y posiciones, es Competitividad por turno.
✅ Cómo configurar correctamente el widget
- Comprueba que los turnos están definidos en Turnos.
- Arrastra el elemento "Tabla comparativa temporal" al canvas y selecciónalo.
- Escribe el "Nombre del widget".
- Elige el "Modo": "Tabla comparativa" para varias variables, "Ranking" para ordenar los turnos por una sola.
- Elige el "Periodo comparativo" contra el que quieres medir la variación.
- Si el widget debe ignorar el periodo del dashboard, marca "Rango propio" y fija el suyo. Acota los turnos con el desplegable "Turnos" si no los quieres todos.
- Añade las variables, renombra sus columnas, elige el parámetro de cada una y escribe su benchmark si tienes objetivo.
- Ajusta la apariencia: leyenda, heatmap y su escala de color, marco, decimales y tipografías.
- Pulsa "Guardar cambios".