Configuring State Gauge Elements¶
"State Gauge Elements" are used when you need to visually represent the progress and status of key processes. Following configuration sections are specific for "State Gauge Elements".
State Gauge Element Configuration Dashboard Preview¶
Data¶
Connect and configure a data source created by using "DataSource Designer"
Configuration Properties¶
Note: You can navigate to the selected data source by clicking the navigation button (
)
| Property | Description |
|---|---|
| Data Source | Select an available data source from the "Datasource" drop down menu |
| Column | Select appropriate column to be used from "Column" dropdown menu |
| Aggregate | Select the aggregation type for the Y- Axis from the "Aggregate" dropdown menu |
| Refresh Interval (Seconds) | Define data refresh intervals in "seconds". |
Formatting¶
Add additional formatting to the source data from the "Formatting" section.
Configuration Properties¶
| Property | Description |
|---|---|
| Display Null Value As | Select how to display null value (no records) from the "Display Null Value As" dropdown menu. (-) or (0) |
| Element Text | Add a footer text at the bottom of the element |
| Show Value | Display the actual value |
| Use Thousand Separator | (Only available when you select "Show Value" option) Add a thousand separator to make the counter value easier to read by separating groups of digits into sets of three. |
| Use K,M,B | (Only available when you select "Show Value" option) Select this option to configure the display of counter values as a product of the following suffixes. K = 1,000 (eg. 2.3 K = 2300) M = 1,000,000 B = 1,000,000,000 |
| Show As Percent | (Only available when you select "Show Value" option) Show the state gauge value as a percentage Note: When you select this option, you will be prompted with an additional field to add the number of decimal points you wish to display  |
| Round Value | (Only available when you select "Show Value" option) Rounds the state gauge value according to the number of decimal places selected Note: When you select this option, you will be prompted with an additional field to add the number of decimal points you wish to display |
Conditional Formatting¶
Use the conditional formatting section to alter the appearance of state gauge to a distinct format when it aligns with specific predefined condition.
Configuration Properties¶
| Property | Description |
|---|---|
| Gauge Type | Choose the gauge type (Traffic Light, Lamp, Custom) |
| Ranges | Possible to define ranges for indicators and scale. Ranges may be defined by fixed values entered in free text or by dynamic values fetched from columns chosen from the Data Source. |
Traffic Light¶
Note: Add lower and upper limit values in the boxes
Lamp¶
Note: Add lower and upper limit values in the boxes
Custom¶
Note: Add a condition by clicking the "+" Icon (
) in the "Conditional Formatting" section.
Configuration Properties¶
| Property | Description |
|---|---|
| Comparer | Select any type of comparer from the "Comparer" dropdown menu. ( = , < , > , <= , >= ) |
| Value | Add a numerical value for the condition (If you apply one or more of the following conditions to this "numerical value", the "counter value" will be displayed according to the configured formats when it matches the specified conditional value.) |
| Icon | Select an icon from the dropdown menu to display a unique icon within the "counter element", when the desired condition is met. |
| Icon Color | Select the desired icon color. (Red, Orange, Green, Blue) |