Overview
<<<<. please note there is already some information about the Linear Gauge in the "User Interface Controls" content, which is different from the info in this doc. should we merge it? >>>>
This page provides information about the Linear Gauge control for WPF and HTML5, a tool for visualizing data on a linear scale. It discusses the main features, including adding scales, highlighting value ranges, and adding multiple pointers. The page guides users through configuration options such as General, Scale, Labels, Ticks, Pointer, and Range settings. In addition, it mentions the use of a code editor for advanced configurations and provides an example. Finally, it showcases the Linear Gauge control in runtime with default and modified settings.
On this page:
Requirements
The Linear Gauge control is available for HTML5. It allows visualizing data in the form of Linear Scale, and is designed to see a simple display of value compared to a scale and one or more ranges. Some of the key features of the Linear Gauge are: adding a scale to linear gauge using horizontal and vertical orientations, highlight the desired ranges of values in the gauge scale and adding multiple pointers to the linear scale.
To start using the Linear Gauge, select the control from the component selection window (as shown below) and place it in the drawing window.
Once placed in the drawing window, the control with the default configurations will appear as shown below.
Configuration
Linear Gauge Settings | |
|---|---|
Field | Description |
Control Name | Defines a name for the control so it can be accessed in the CodeBehind script. See Display Code Behind. |
Value | The Tag that will receive the value selected. |
Title | Name to be shown on the component. |
Type | There different types of the Linear Gauge (Normal,RoundedRectangule, Thermometer). |
Min | The minimum value in the scale. |
Max | The maximum value in the scale. |
Color | The color of the graph. |
Orientation | Vertical or horizontal. |
Runtime Execution
The following images show how the Linear Gauge control looks at runtime with default configurations.
- Linear gauge with default configurations
In this section...