A Compass gauge displays directional data using a circular scale, typically with cardinal points. Its purpose is to provide orientation information. The gauge uses a needle that points towards a direction, simulating a traditional compass. Configure it by setting the linked value. Use it by integrating the compass into devices or applications requiring geo directional guidance.
On this page:
Requirements
This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.
Configuration
- Go to Displays / Draw.
- On the Components Panel, select Gauges, then Compass.
- Click or drag-and-drop it on the Drawing area to use it.
- Double-click the object to open the configuration window.
Compass Settings | |
|---|---|
Field | Description |
Header | Defines the title of the gauge. Provides a concise label indicating the type of data or metric displayed. |
Header Font size | Adjusts the font size of the header text. Ensures the header is readable and consistent with the overall design. |
Alignment | Determines the position of the header within the gauge, offering the following placement options: Top: Positions the header at the center of the gauge's top boundary. This alignment places the text horizontally centered while ensuring it remains above the gauge components, making it suitable for a prominent title display. Bottom: Places the header at the center of the gauge's bottom boundary. The text aligns horizontally at the gauge’s width midpoint, positioned at the lowest point to serve as a footer or additional information label. TopLeft: Aligns the header at the top-left corner of the gauge. The text is positioned to align with the leftmost edge of the gauge, providing a corner placement that allows space for other gauge elements and UI components. TopRight: Positions the header at the top-right corner of the gauge. The text aligns with the rightmost boundary while remaining at the top, ensuring that it does not interfere with other gauge elements. This placement is useful for right-aligned layouts. BottomLeft: Places the header at the bottom-left corner of the gauge. The text aligns to the left side while being positioned at the bottom edge, offering a subtle and unobtrusive placement for contextual information. BottomRight: Aligns the header at the bottom-right corner of the gauge. The text is positioned at the rightmost edge and bottom boundary, ensuring it complements right-aligned design elements and maintains a balanced visual structure. |
Linked Value | Links a specific data value or source to the gauge. This row accepts values ranging from 0 to 8, where each integer is equivalent to 45°. This setup makes it easy to point the compass to each of the cardinal directions. |
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 Compass Control operates as a dynamic interface for displaying directional data. The gauge’s needle, which simulates a traditional compass, moves in response to changes in the linked value that represents orientation. Operators can integrate this control into devices or applications that require geographical directional guidance, such as navigation systems. The Compass Control’s real-time responsiveness ensures accurate and up-to-date orientation information is available to users, facilitating navigation and spatial awareness in various applications.
In this section: