A simple customizable gauge widget used to dynamically display data.
Usage #
Properties #
| Property | Type | Binding | Default | Description |
|---|---|---|---|---|
| Duration | NUMBER | 5000 | Enables you to set the gauge animation time in ms. | |
| Template | LIST | < | Template1 | This will be the Template used for the widget styling |
| Value | Number | < | 0 | Value to show in the gauge |
| Format | STRING(localized) | < | Format how the value will be displayed on the gauge. See Formatting | |
| GlobalProperties | JSON | < | A serialized JSON object that has global parameter names as its keys and data types as values. These are properties can be referenced when using expression formatting | |
| Title | STRING(localized) | < | Title that will be displayed on the gauge. | |
| Sections1 | STRING | < | Allows to split gauge disk in sections. See instructions below | |
| MinValue | NUMBER | < | 0 | Minimum value of the gauge |
| MaxValue | NUMBER | < | 100 | Maximum value of the gauge |
| Tooltip | STRING(localized) | < | Optional tooltip used to display additional information. See Tooltip | |
| TooltipAnchor | STRING | Widget | If the tooltip should appear next to the Widget, or next to the cursor. | |
| TooltipFormat | STRING(localized) | < | see Formatting | |
| TooltipType | LIST | < | Text | The widget tooltip type |
| TooltipMashup | MASHUPNAME | < | Mashup to be used as a tooltip when TooltipType is set as Mashup | |
| TooltipWidth | NUMBER | Width of the tooltip. It won’t be bigger than the Max-width set in the GlobalStyles for the Tooltip | ||
| TooltipHeight | NUMBER | Height of the tooltip. Can only be set if TooltipType is set as HTML, Markdown or Mashup |
Expression Format context #
When using Expression Format, other relevant fields can also be referenced.
value: NUMBER – The gauge value
globalCtx: TWJSON – Any TWX value declared on the widget Global Properties and that has a value bound.
Notes: #
1. The input value must be in CSV format: "10,25,50,75" : The disk will be split in five sections -> [0-10, 10-25, 25-50, 50-75, 75-100]↩︎
