Gauge Widget

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.

Footnotes

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] ↩