Gestor de Estados

El elemento Gestor de Estados es una herramienta avanzada de visualización diseñada para representar estados discretos a lo largo del tiempo. Su uso principal se centra en la monitorización de estados de máquina o de producción, permitiendo identificar de un vistazo periodos de funcionamiento (uptime), paradas técnicas, averías o cambios de turno.

A diferencia de un gráfico de líneas convencional, este componente desglosa la información en barras horizontales segmentadas por colores, donde cada color representa un estado específico. Es especialmente útil para analizar la eficiencia operativa y detectar patrones de inactividad de forma intuitiva.

Las propiedades marcadas con bolt permiten dinamización a partir de una expresión con variables.

General

Configuración básica de identificación y posición.

Nombre (string)

Identificador único del elemento.

Descripción (string)

Texto descriptivo opcional.

X bolt (number)

Posición horizontal en píxeles.

Y bolt (number)

Posición vertical en píxeles.

Z bolt (number)

Índice de profundidad (z-index).

Ancho bolt (number)

Anchura del elemento en píxeles.

Alto bolt (number)

Altura del elemento en píxeles.

Estilo

Personalización visual del componente y su interfaz.

Oculto bolt (boolean)

Hace invisible el elemento.

Color de fondo bolt (color)

Color de fondo del área del gráfico.

Color de borde bolt (color)

Color global del borde.

Color de borde [Superior/Inferior/Izquierdo/Derecho] (color)

Permite definir un color específico para cada lado del borde.

Radio de borde bolt (number)

Redondeo de las esquinas del contenedor en píxeles.

Ancho del borde bolt (number)

Grosor global del borde en píxeles.

Ancho del borde [Superior/Inferior/Izquierdo/Derecho] (number)

Grosor específico para cada uno de los lados.

Estilo de borde bolt (string)

Tipo de trazo global (Sólido, Punteado, etc.).

Estilo de borde [Superior/Inferior/Izquierdo/Derecho] (string)

Tipo de trazo específico para cada lado del borde.

Sombra bolt (string)

Estilo de sombra predefinido (Ninguna, Pequeña, Media, Grande).

Avanzado

Configuración del comportamiento de datos y funcionalidades del elemento.

Filtro de fecha (boolean)

Habilita los campos de selección de fecha (Desde y Hasta) en la ejecución del sinóptico para consultar históricos de cambios de estado.

Data Design (string)

Especifica la fuente de datos (Data Design) vinculada que contiene los registros de los estados.

Inicio de rango (string)

Selecciona el campo del Data Design que indica el momento de inicio de cada estado. Nota: Es fundamental que este campo sea de tipo Fecha y Hora; de lo contrario, el componente no podrá procesar ni representar los periodos correctamente.

Fin de rango (string)

Selecciona el campo del Data Design que indica el momento de finalización de cada estado. Al igual que el inicio, este campo debe ser obligatoriamente de tipo Fecha y Hora.

Categoría del rango (string)

Especifica el campo que define el valor del estado (por ejemplo, el nombre del estado o un código numérico).

Hora de inicio (number)

Define la hora del día a partir de la cual comienza a representarse la información, actuando como un offset (útil para alinear el gráfico con el inicio de turnos de trabajo).

Rango de tiempo (number / string)

Define la duración total de tiempo que el gráfico procesará y mostrará. Se compone de un valor numérico y una unidad de tiempo (Días, Horas, Minutos, Segundos).

Rango de líneas (number / string)

Determina la cantidad de tiempo representada en cada una de las barras horizontales del gráfico. El número total de líneas generadas será el resultado de dividir el Rango de tiempo total por este valor.

Nota sobre el cálculo: Si el tiempo total no es un múltiplo exacto del rango por línea (división no exacta), el gráfico mostrará automáticamente el tiempo adicional necesario para completar la última línea. Esto asegura que todas las barras tengan la misma escala temporal y una visualización perfectamente alineada.

Estados

Lista de mapeo para asignar colores a los diferentes estados detectados en los datos.

Estado (string)

Nombre o valor del estado tal cual aparece en la fuente de datos.

Color (color)

Color asignado para la representación visual de dicho estado.