Studio components - Live Metrics components

Description

This article is a sub-section of Studio components - Overview and settings, specific for components in the category Live Metrics.

This category of components is only visible in the Studio if you have the required modules for Live data.

Preview

Name

Description

Live Gauge

This component shows a live value in a gauge format, and also provides the option to apply a custom color-coded scale.

It is important to note that live data components start out empty when you open the page. Live data will then start coming in and appear in the component. It is not possible to pre-fill a live data component with historical data.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Input

This setting determines which value is displayed.

Setting	Description
Variable	Select the variable you want to display.
Decimals (only available for numeric values)	This setting determines the amount of decimals to display. For example, entering "1" will display a logged value of "23.5458" as "23.5" instead. Useful for in remove clutter. This does not change the logged value itself, only how it is displayed in this specific component.
Unit (only available for numeric values)	This setting shows a unit behind the displayed value (e.g. kg). If this field is empty, the unit configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no unit is configured there either, no unit is displayed.
Factor (only available for numeric values)	This setting changes how a logged value is displayed by applying a factor. For example, entering "1000" will display a logged value of "4" as "4000" instead. Useful for unit conversion. This does not change the logged value itself, only how it is displayed in this specific component. If this field is empty, the factor configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no factor is configured there either, no factor is applied. Accepted input: positive, negative, and decimal numbers.
Min	Enter the scale's minimum value.
Max	Enter the scale's maximum value.

Thresholds

This setting determines the (color) scale division. The color of the lower value threshold ends where the higher value threshold begins. The order of thresholds does not matter. If no thresholds are configured, the scale division will be automatic and colorless. Note that the scale's minimum and maximum values are configured at Input.

For example, to create the scale division from the preview image, you create a threshold for value 230 with color orange, then a threshold for value 240 with color yellow, a threshold for value 245 with color green, a threshold for value 252 with color yellow, and one last one for value 260 with color orange.

Setting	Description
Value	Enter the threshold value, the minimum value to exceed.
Label	Enter a short textual description. The label is not displayed outside of the settings menu.
Color	The color is displayed on the scale. The value is also displayed in this color if Use color of threshold for value label is enabled in the component settings. If no color is selected, the scale will be colorless and value black.

Use color of threshold for value label

This setting displays the value in the color of the currently matching threshold.

Live Line Graph

This component shows live data in a line graph format, and also provides the option to hide lines in the legend for dynamic and improved readability.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Lines

This setting adds a line (variable) to your table. There is no limit to the amount of lines you can add.

Lines can only be added individually, not in bulk.

Setting

Description

Name

Enter a name for the line.

Color

Select a line color.

Y-axis

Select which Y-axis you want to use for this line, left or right. This is useful to increase the readability of lines with a different order of magnitude.

Variable

Select the variable you want to display.

Decimals
(only available for numeric values)

This setting determines the amount of decimals to display. For example, entering "1" will display a logged value of "23.5458" as "23.5" instead. Useful for in remove clutter.

This does not change the logged value itself, only how it is displayed in this specific component.

Unit
(only available for numeric values)

This setting shows a unit behind the displayed value (e.g. kg).

If this field is empty, the unit configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no unit is configured there either, no unit is displayed.

Factor
(only available for numeric values)

This setting changes how a logged value is displayed by applying a factor. For example, entering "1000" will display a logged value of "4" as "4000" instead. Useful for unit conversion.

This does not change the logged value itself, only how it is displayed in this specific component.

If this field is empty, the factor configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no factor is configured there either, no factor is applied.

Accepted input: positive, negative, and decimal numbers.

Type

Select the visual line type drawn in-between values.

Line	Displays the line in-between values as a direct, straight line.
Step	Displays the line in-between values as a step line.

Left Y-axis

This setting enables you to enter a static minimum and maximum value for the left Y-axis. If nothing is entered, the axis will scale automatically based on the currently displayed lines.

Right Y-axis

This setting enables you to enter a static minimum and maximum value for the right Y-axis. If nothing is entered, the axis will scale automatically based on the currently displayed lines.

Reference lines

This setting enables you to add reference lines to easily compare data in the line graph. A static line will display a fixed horizontal line across the line graph. A dynamic line will display a dynamic horizontal line across the line graph based on the value of a tag. Note that if that tag does not have a value logged in the currently displayed time period, the dynamic reference line cannot be displayed. Make sure the tag you use for the dynamic reference line is logged frequently.

Legend

The setting enables you to show or hide the legend. The legend not only provides information about the lines, but also enables you to hide and show lines for increased readability.

Live Multiple Status

This component shows a live human readable translation (status) of multiple tags in a single clear overview, and also provides the option to add color rules and icons for increased visibility.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Row

This setting adds a row (variable) to your component. There is no limit to the amount of rows you can add.

Rows can only be added individually, not in bulk.

Setting

Description

Label

Enter a name for the row.

Variable

Select the variable you want to use.

Decimals
(only available for numeric values)

This setting determines the amount of decimals to use. For example, entering "1" will use a logged value of "23.5458" as "23.5" instead.

This does not change the logged value itself, only how it is used in this specific component.

Unit
(only available for numeric values)

This setting is not used in this component.

Factor
(only available for numeric values)

This setting changes how a logged value is used by applying a factor. For example, entering "1000" will use a logged value of "4" as "4000" instead. Useful for unit conversion.

This does not change the logged value itself, only how it is used in this specific component.

Accepted input: positive, negative, and decimal numbers.

Color rules

This setting contains both the human readable translations (status) as well as colors and icons. The order of the rules matters. The first rule that matches, starting at the top going down, will be applied. Movecolor rules to achieve the desired result.

For example, using the preview image, if the machine state is "2" and the color rules, from top to bottom, are "Green if value greater than 0" and "Red if value equal to 2", then the machine state would have been colored green instead of red, because that would have been the first matching rule starting at the top.

Setting	Description
Color	Select a color for this rule.
Icon	This setting adds an icon in front of the label.
Threshold color usage	Select whether the color should be applied to the label or the background.
Label	Enter the human readable translation (status) to display.
Operator	This is the first part of the rule condition.
Value	This is the second part of the rule condition.

Live Multiple Values

This component shows live values of multiple variables in a single clear overview, and also provides the option to add color rules for increased visibility.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Row

This setting adds a row (variable) to your component. There is no limit to the amount of rows you can add.

Rows can only be added individually, not in bulk.

Setting

Description

Label

Enter a name for the row.

Variable

Select the variable you want to use.

Decimals
(only available for numeric values)

This setting determines the amount of decimals to display. For example, entering "1" will display a logged value of "23.5458" as "23.5" instead. Useful for in remove clutter.

This does not change the logged value itself, only how it is displayed in this specific component.

Unit
(only available for numeric values)

This setting shows a unit behind the displayed value (e.g. kg).

Factor
(only available for numeric values)

This setting changes how a logged value is used by applying a factor. For example, entering "1000" will use a logged value of "4" as "4000" instead. Useful for unit conversion.

This does not change the logged value itself, only how it is used in this specific component.

Accepted input: positive, negative, and decimal numbers.

Color rules

This setting contains rules to change the color of the label or background. The order of the rules matters. The first rule that matches, starting at the top going down, will be applied. Movecolor rules to achieve the desired result.

Setting	Description
Color	Select a color for this rule.
Threshold color usage	Select whether the color should be applied to the label or the background.
Operator	This is the first part of the rule condition.
Value	This is the second part of the rule condition.

Live Status

This component shows a live human readable translation (status).

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Input

This setting determines which value is displayed.

Setting	Description
Variable	Select the variable you want to display.
Decimals (only available for numeric values)	This setting determines the amount of decimals to use. For example, entering "1" will use a logged value of "23.5458" as "23.5" instead. This does not change the logged value itself, only how it is used in this specific component.
Unit (only available for numeric values)	This setting is not used in this component.
Factor (only available for numeric values)	This setting changes how a logged value is displayed by applying a factor. For example, entering "1000" will display a logged value of "4" as "4000" instead. Useful for unit conversion. This does not change the logged value itself, only how it is displayed in this specific component. If this field is empty, the factor configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no factor is configured there either, no factor is applied. Accepted input: positive, negative, and decimal numbers.

Rules

Setting	Description
Color	Select a color for this rule.
Threshold color usage	Select whether the color should be applied to the label or the background.
Operator	This is the first part of the rule condition.
Value	This is the second part of the rule condition.

Style

Select the font size. The default size "Automatic" will automatically scale the font size based on the component size.

Live Tank

This component shows a live value in a water tank format, and also provides the option to apply custom color rules.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Input

This setting determines which value is displayed.

Setting	Description
Variable	Select the variable you want to display.
Decimals (only available for numeric values)	This setting determines the amount of decimals to display. For example, entering "1" will display a logged value of "23.5458" as "23.5" instead. Useful for in remove clutter. This does not change the logged value itself, only how it is displayed in this specific component.
Unit (only available for numeric values)	This setting shows a unit behind the displayed value (e.g. kg). If this field is empty, the unit configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no unit is configured there either, no unit is displayed.
Factor (only available for numeric values)	This setting changes how a logged value is displayed by applying a factor. For example, entering "1000" will display a logged value of "4" as "4000" instead. Useful for unit conversion. This does not change the logged value itself, only how it is displayed in this specific component. If this field is empty, the factor configured at the respective variable at the data source in the Fleet Manager is used automatically instead. If no factor is configured there either, no factor is applied. Accepted input: positive, negative, and decimal numbers.
Min	Enter the tank's minimum value.
Max	Enter the tank's maximum value.

Thresholds

This setting determines the color of the liquid in the tank. The order of thresholds does not matter. The highest threshold that matches will be applied. If no thresholds are configured, the color will be grey. Note that the scale's minimum and maximum values are configured at Input.

Setting	Description
Value	Enter the threshold value, the minimum value to exceed.
Label	Enter a short textual description. The label is not displayed outside of the settings menu.
Color	The color of the liquid in the tank. If no color is selected, it will be black.

Live Value

This component shows an aggregated value, and also provides the option to add color rules for increased visibility.

Show settings

Only settings that may need a bit of explaining are listed.

Setting

Description

Input

This setting determines which value is displayed.

Setting

Description

Decimals
(only available for numeric values)

This setting determines the amount of decimals to display. For example, entering "1" will display a logged value of "23.5458" as "23.5" instead. Useful for in remove clutter.

This does not change the logged value itself, only how it is displayed in this specific component.

Unit
(only available for numeric values)

This setting shows a unit behind the displayed value (e.g. kg).

Factor
(only available for numeric values)

This setting changes how a logged value is displayed by applying a factor. For example, entering "1000" will display a logged value of "4" as "4000" instead. Useful for unit conversion.

This does not change the logged value itself, only how it is displayed in this specific component.

Accepted input: positive, negative, and decimal numbers.

Color rules

Setting	Description
Color	Select a color for this rule.
Threshold color usage	Select whether the color should be applied to the label or the background.
Operator	This is the first part of the rule condition.
Value	This is the second part of the rule condition.

Style

Select the font size. The default size "Automatic" will automatically scale the font size based on the component size.

Title

Studio components - Live Metrics components

URL Name

Studio-components---Live-Metrics-components

Studio components - Live Metrics components

Introduction

Remote Access

Fleet Management

User Management

Customer Portal

Machine Data

Notifications

Hardware

Open Innovation

Security and Availablility

Release Notes

Knowledge

Studio components - Live Metrics components

Article Details

Properties

Introduction

Getting Started

Remote Access

VPN connection

VPN Client

Web Access

Connect to your machine

Connection details

M2M Cloud Cluster

Fleet Management

Edge gateway registration

IXagent registration

WAN Settings

LAN Settings

Edge gateway firewall

General device settings

User Management

Setup

Invite and manage users

My account

External Identity And Access Management

Customer Portal

Custom login page and homepages

White labeling

Machine Data

Live Data

Historical Data

Data Source protocols

Pages, cards, and reports

Components

AI assistant

Notifications

Alarms & Notifications

Hardware

Edge gateways and accessories

Open Innovation

Custom development

Marketplace

Security and Availablility

Security

Availability

Release Notes

IXON Cloud

Knowledge

Highlighted Articles

Tips

Related Articles