The Circular Gauge visualizes data from field devices and processes using a circular display. It allows configuring headers, font sizes, range values, angles, rim, and pointer thicknesses, and choosing pointer types including NeedlePointer, RangePointer, and SymbolPointer. The CicurlarGauge Control implements a standard circular gauge with the most common configuration settings.

On this page:

Requirements

This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.

Configuration

  1. Go to Displays / Draw.
  2. On the Components Panel, select Gauges, then CircularGauge.
  3. Click or drag-and-drop it on the Drawing area to use it.
  4. Double-click the object to open the configuration window.

Circular Gauge Settings

Field

Description

Header

Defines the title of the gauge. Provides a concise label indicating the type of data or metric displayed.

Header FontSize

Sets the font size for the header text. Determines how large the header text will appear.

Localize

Allows localization of the header text. Enables translation or adaptation of the text for different languages.

Linked Value

Links a specific data value or source to the gauge. Connects the gauge to the data it visualizes.

Minimum Value

Sets the minimum value the gauge can represent. Defines the starting point of the gauge range.

Maximum Value

Sets the maximum value the gauge can represent. Defines the end point of the gauge range.

Label FontSize

Sets the font size for the labels on the gauge. Determines how large the labels will appear.

Show Labels

Toggles the visibility of labels on the gauge. Allows users to see or hide the value labels.

Show Ticks

Toggles the visibility of tick marks on the gauge. Allows users to see or hide the tick marks.

Rim Thickness

Specifies the thickness of the outer rim of the gauge. Influences the visual weight of the gauge.

Rim Stroke

Sets the color for the stroke of the outer rim. Enhances the visual appearance of the rim.

Pointer Thickness

Specifies the thickness of the gauge pointer. Influences the prominence of the pointer.

Pointer Stroke

Sets the color for the stroke of the pointer. Enhances the visual appearance of the pointer.

Pointer Type

Defines the type of pointer used in the gauge (e.g., RangePointer). Customizes the pointer style.

  • NeedlePointer: This pointer type represents the data value with a needle-like indicator. It is commonly used to provide a precise and clear indication of the current value on the gauge.

  • RangePointer: This pointer type highlights a range on the gauge. It is useful for visualizing a span of values rather than a single point, allowing users to see the current range of interest.

  • SymbolPointer: This pointer type uses a symbol to indicate the data value. 

MajorTicks Quantity

Sets the number of major tick marks on the gauge. Determines how many major divisions are shown.

MinorTicks per Interval

Sets the number of minor tick marks between each major tick. Determines the granularity of the gauge.

Runtime Execution 

During runtime, the CircularGauge Control serves as an interactive interface for data visualization from field devices and processes. The control offers a selection of pointer types (NeedlePointer, RangePointer, and SymbolPointer) each providing a distinct method of indicating values. The TCircularGauge Control, with its standard configuration, integrates seamlessly into the monitoring system, allowing operators to observe and interpret data through the circular display.

In this section:

  • No labels