Linear Gauge
A linear gauge is a linear display in which a value can be displayed by filling in a bar. A start and end value can be defined for this bar. The attribute 'Editable' can be used to display a slider through which the operator can change the linked value.
Attributes
Category: Colors
Name |
Description |
---|---|
Definition of the background color of the bar | |
Definition of the bar color | |
Definition of the text color of the display of the current value | |
Definition of the unit color | |
Definition of the color of the bar division | |
Definition of the text color of the scaling values | |
Definition of the fill color of the slider | |
Definition of the outline and arrow color of the slider | |
Definition of the background color | |
Definition of the border color of the control |
Category: Layout
Name |
Description |
---|---|
Selecting the orientation:
| |
Definition of an additional distance between the control border and the bar for the four sides | |
Definition of the distance from the left side to the left side of the surrounding control | |
Definition of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the top side to the top side of the surrounding control | |
Selection of the unit of the distance to the top side of the surrounding control:
| |
Definition of the distance from the right side to the right side of the surrounding control | |
Selection of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the bottom side to the bottom side of the surrounding control | |
Selection of the unit of the distance to the bottom side of the surrounding control:
| |
Definition of the external width of the control | |
Selection of the unit of the width:
| |
Definition of the external height of the control | |
Selection of the unit of the height:
| |
Definition of the maximum width if the control size is defined as dynamic. | |
Selection of the unit of the maximum width:
| |
Definition of the minimum width if the control size is defined as dynamic. | |
Selection of the unit of the minimum width:
| |
Definition of the maximum height if the control size is defined as dynamic. | |
Selection of the unit of the maximum height:
| |
Definition of the minimum height if the control size is defined as dynamic. | |
Selection of the unit of the minimum height:
| |
Calculated distance in pixels from the left side to the left side of the surrounding control | |
Calculated distance in pixels from the top side to the top side of the surrounding control | |
Calculated distance in pixels from the right side to the right side of the surrounding control | |
Calculated distance in pixels from the bottom side to the bottom side of the surrounding control | |
Calculated width of the control in pixels | |
Calculated height of the control in pixels | |
Definition of the row of a grid in which the control is to be displayed. | |
Definition of the column of a grid in which the control is to be displayed. | |
Definition of the transparency of the entire control | |
Selection of the visibility of a control:
| |
Definition of the position on the Z-axis | |
Definition of a transformation of a control:
| |
Definition of a shadow | |
Selection of the method of calculating the width:
| |
Selection of the method of calculating the height:
|
Category: Common
Name |
Description |
---|---|
Definition of the value to be displayed | |
Selecting whether the slider should be displayed and therefore whether the linear gauge is editable | |
Definition of the base animation time in milliseconds. It describes the time of the animation from minimum to maximum value. | |
Selection of whether a control should be activated | |
Definition of the name of the control | |
Type name of the control | |
Definition of control classes | |
If a control is logically assigned in the DOM. | |
Definition of the tooltip for the control |
Category: Border
Name |
Description |
---|---|
Definition of the radius of the four corners to round them off | |
Selection of the border style of the four sides of the control | |
Definition of the border width of the four sides of the control |
Category: Background Image
Name |
Description |
---|---|
Definition of an image that is located above the background color | |
Definition of the height of the background image | |
Selection of the unit of the height of the background image:
| |
Definition of the width of the background image | |
Selection of the unit of the width of the background image:
| |
Definition of an additional distance between the border of the control and background image for the four sides | |
Definition of the vertical alignment of the background image within the control | |
Definition of the horizontal alignment of the background image within the control |
Category: Value
Name |
Description |
---|---|
Defines the smallest value that the control element should graphically display | |
Defines the largest value that the control element should graphically display | |
Definition of the increment for changing the value via the slider | |
Selecting whether the current value is to be displayed | |
Definition of the value range of the color scales | |
Selecting whether the minimum value should be zero regardless of the 'Minimum Value' attribute. This setting has no effect if the set minimum value is equal to or greater than zero. | |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size | |
Selecting the font size unit:
| |
Selecting the font style:
| |
Selecting the font weight:
| |
Definition of a formatting function for the value | |
Selecting whether the value can be changed by clicking anywhere in the control |
Category: Labels
Name |
Description |
---|---|
Selecting whether the scaling values are to be displayed | |
Definition of the jump distance between the individual scaling values | |
Selecting the position of the scaling to the bar: The following options are available for horizontal alignment:
The following options are available for vertical alignment:
| |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size of the scaling | |
Selecting the font size unit:
| |
Selecting the font style of the scaling:
| |
Selecting the font weight of the scaling:
| |
Definition of a formatting function for the scaling |
Category: Ticks
Name |
Description |
---|---|
Selecting whether the scaling subdivision is to be displayed | |
Definition of scale division |
Category: Unit
Name |
Description |
---|---|
Definition of the unit or description of the value | |
Selecting the unit orientation:
| |
Definition of the font size of the unit | |
Selecting the font size unit:
| |
Selecting the font style of the unit:
| |
Selecting the font weight of the unit:
|
Events
Category: Control
Name |
Description |
---|---|
The value has been changed. |
Category: Framework
Name |
Description |
---|---|
The control was added to the display. | |
The control was removed from the display. | |
The control was initialized. | |
The control was destroyed. | |
The control was moved in relation to the browser window. | |
The size of the control was changed. |
Category: Operator
Name |
Description |
---|---|
The user has finished the interaction with the control. | |
A mouse click was executed or a touch screen was briefly touched. | |
The left mouse button was clicked over the control and released. | |
The left mouse button was clicked twice over the control and released. | |
The right mouse button was clicked over the control and released. | |
A mouse button was pressed down over the control. | |
The mouse pointer was moved over the control. | |
The mouse pointer has left the control. | |
A mouse button was released over the control. | |
The left mouse button was pressed down over the control. | |
The right mouse button was pressed down over the control. | |
The mouse was moved over the control. | |
The mouse pointer was moved over the control or one of its children. | |
The mouse pointer has left the control or one of its child controls. | |
The left mouse button was released over the control. | |
The right mouse button was released over the control. | |
The mouse wheel was moved over the control. | |
A finger/stylus was placed against a touch screen. | |
A finger/stylus was moved on a touch screen. | |
A finger/stylus was lifted off a touch screen. | |
An interaction with a touch screen was aborted. |
Access rights
Name |
Description |
---|---|
Determines whether the control is generally observable. | |
Determines whether the control is generally operable. |
Inheritance hierarchy
Linear Gauge
NuGet package: Beckhoff.TwinCAT.HMI.Controls
NuGet packages are available from version 1.12. |
Available from 1.8 |
See also
API reference for this control