Skip to main content

Status Manager

The Status Manager element is an advanced visualization tool designed to represent discrete states over time. Its primary use case focuses on monitoring machine states or production stages, allowing for an at-a-glance identification of operating periods (uptime), technical stops, breakdowns, or shift changes.

Unlike a conventional line chart, this component breaks down information into color-segmented horizontal bars, where each color represents a specific state. It is particularly useful for analyzing operational efficiency and intuitively detecting downtime patterns.

Properties marked with bolt allow dynamization from an expression with variables.

General​

Basic identification and position configuration.

Name (string)​

Unique identifier of the element.

Description (string)​

Optional descriptive text.

X bolt (number)​

Horizontal position in pixels.

Y bolt (number)​

Vertical position in pixels.

Z bolt (number)​

Depth index (z-index).

Width bolt (number)​

Width of the element in pixels.

Height bolt (number)​

Height of the element in pixels.

Style​

Visual customization of the component and its interface.

Hidden bolt (boolean)​

Makes the element invisible.

Background Color bolt (color)​

Background color of the chart area.

Border Color bolt (color)​

Global border color.

Border Color [Top/Bottom/Left/Right] (color)​

Allows defining specific colors for each side of the border.

Border Radius bolt (number)​

Corner rounding of the container in pixels.

Border Width bolt (number)​

Global border thickness in pixels.

Border Width [Top/Bottom/Left/Right] (number)​

Specific thickness for each side of the border.

Border Style bolt (string)​

Global stroke type (Solid, Dotted, etc.).

Border Style [Top/Bottom/Left/Right] (string)​

Specific stroke type for each side of the border.

Shadow bolt (string)​

Predefined shadow style (None, Small, Medium, Large).

Advanced​

Configuration of data behavior and widget functionalities.

Date filter (boolean)​

Enables date selection fields (From and To) in the synoptic execution to query historical status changes.

Data Design (string)​

Specifies the linked data source (Data Design) containing the status records.

Range start (string)​

Selects the Data Design field that indicates the starting point of each status. Note: It is essential that this field is of Date and Time type; otherwise, the component will not be able to process or represent the periods correctly.

Range end (string)​

Selects the Data Design field that indicates the end point of each status. Like the start field, this must be of Date and Time type.

Range category (string)​

Specifies the field that defines the status value (e.g., status name or a numerical code).

Start hour (number)​

Defines the hour of the day from which the information starts being represented, acting as an offset (useful for aligning the chart with work shift starts).

Time range (number / string)​

Defines the total time duration that the chart will process and display. It consists of a numerical value and a time unit (Days, Hours, Minutes, Seconds).

Line range (number / string)​

Determines the amount of time represented in each horizontal bar of the chart. The total number of generated lines will be the result of dividing the total Time range by this value.

Note on calculation: If the total time is not an exact multiple of the line range (non-exact division), the chart will automatically display the additional time necessary to complete the last line. This ensures that all bars have the same time scale and the visualization remains perfectly aligned.

Statuses​

Mapping list to assign colors to the different statuses detected in the data.

Status (string)​

Name or value of the status exactly as it appears in the data source.

Color (color)​

Color assigned for the visual representation of that status.