Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

The Center Value 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 TCicurlarGauge Control implements a standard circular gauge with the most common configuration settings.

On this page:

Table of Contents
maxLevel3
stylenone

Requirements

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

Configuration

The Configuration involves setting data fields, adjusting visual parameters, and customizing angles and thickness. Use involves defining the linked data, configuring settings, and integrating the gauge into dashboards or reports.

Circular Gauge Settings

Field

Description

Control Name

Header

Defines

a name for the control so it can be accessed in the CodeBehind script. See Display Code Behind

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. It can be customized with different symbols to suit various applications and visual preferences.

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

Title

Name to be shown on the component.

Start Value

The minimum value of the scale.

End Value

The maximum value of the scale.

Value

The Value that the component will assume, it can be an object or a number.

Rim Thickness

The thickness of the rim, it can be change by the user to personalize the appearance of the component.

Pointer Thickness

The thickness of the pointer, it can be change by the user to personalize the appearance of the component.

Pointer Type

Choose the type of the pointer (needle or range).

MajorTicks Quantity

Quantity of major ticks.

MinorTicks per Interval

MinorTicks per interval (of MajorTicks)

FontSize Title

Size of the title font.

Show Ticks

Enable the ticks.

Show Labels

Enable the labels.

FontSize Label

Size of the label font.

Rim Background

Color used in the rim background.

Pointer Color

The color of the pointer

.


Runtime Execution 

In Runtime, the control has embedded controls to allow the Operator to modify the view.

Typically the configuration settings of <> is attached to a Tag exposed in the  Display User Interface, allowing the operator to select <. >.


In this section

...

:

Page Tree
root@parent
spacesV10