Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Runtime Image updated

The Semi Circle Circular Gauge defines a gauge that visually represents data within a specified range. Users set the gauge title, adjust header and label font sizes, link to a data source, and establish range start and end values. They also configure the rim thickness and stroke width. Users select target data, configure these settings, and integrate the gauge into dashboards or reports. This process facilitates real-time data visualization and differentiation of data segments. The SemiCircleCircularGauge implements a CircularGauge that shows the top semi-circle and displays the value.

On this page:

Table of Contents
maxLevel3
stylenone


Image Added


Requirements

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


Configuration

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

Semi Circle Circular Gauge Settings

Field

Description

Header

Defines the title of the gauge.

Header Font size

Adjusts the font size of the header text.

Linked Value

Links a specific data value or source to the gauge.

Range Start

Defines the starting value of the gauge range, that is, the minimum value the gauge can represent.

Range End

Specifies the ending value of the gauge range, that is, the maximum value the gauge can represent.

Label Font Size

Adjusts the font size of the label text.

Rim Thickness

Specifies the thickness of the outer rim of the gauge. Affects the visual weight and prominence of the gauge.

Stroke

Adjusts the stroke width of the gauge arc. Influences the visual clarity and emphasis of the gauge.



Runtime Execution 

During runtime, the SemiCircleCircularGauge control operates as an interactive display, representing data within a semi-circular format. Users have previously configured the gauge with a title, header and label font sizes, data source linkage, and range values. The rim thickness and stroke width are also set according to the application’s design requirements. As the target data changes, the gauge reflects these updates, integrating seamlessly into dashboards or reports for real-time data visualization. This control aids users in distinguishing different data segments, with the top semi-circle effectively showcasing the value in a visually concise manner.

Image Added


In this section:

Page Tree
root@parent
spacesV10