Skip to main content
Version: 8.1

Vision - Meter

Component Palette Icon

A meter display shows a value on a needle-gauge. The gauge's range can be broken up into five intervals. The intervals can have their own edge and background colors.

Properties

PropertyDescriptionProperty TypeScriptingCategory
Arc WidthThe width of the colored interval arcs.float.arcWidthAppearance
BorderThe border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border.
Note: The border is unaffected by rotation.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
Border.borderCommon
CursorThe mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE Resize.int.cursorCodeCommon
Dial BackgroundThe background color of the dial face. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector .Color.dialBackgroundAppearance
Dial ShapeThe shape of the dial. This property determines how the dial face looks in the area not covered by the meter angle extent.int.dialTypeAppearance
Interval 1 BackgroundThe color to fill the wedge of this interval. See Color Selector.Color.interval1BackgroundIntervals
Interval 1 HighThe upper bound of this interval.double.interval1HighIntervals
Interval 1 LowThe lower bound of this interval.double.interval1LowIntervals
Interval 1 OutlineThe color to paint the arc of this interval. See Color Selector.Color.interval1OutlineIntervals
Interval 2 BackgroundThe color to fill the wedge of this interval. See Color Selector.Color.interval2BackgroundIntervals
Interval 2 HighThe upper bound of this interval.double.interval2HighIntervals
Interval 2 LowThe lower bound of this interval.double.interval2LowIntervals
Interval 2 OutlineThe color to paint the arc of this interval. See Color Selector.Color.interval2OutlineIntervals
Interval 3 BackgroundThe color to fill the wedge of this interval. See Color Selector.Color.interval3BackgroundIntervals
Interval 3 HighThe upper bound of this interval.double.interval3HighIntervals
Interval 3 LowThe lower bound of this interval.double.interval3LowIntervals
Interval 3 OutlineThe color to paint the arc of this interval. See Color Selector.Color.interval3OutlineIntervals
Interval 4 BackgroundThe color to fill the wedge of this interval. See Color Selector.Color.interval4BackgroundIntervals
Interval 4 HighThe upper bound of this interval.double.interval4HighIntervals
Interval 4 LowThe lower bound of this interval.double.interval4LowIntervals
Interval 4 OutlineThe color to paint the arc of this interval. See Color Selector.Color.interval4OutlineIntervals
Interval 5 BackgroundThe color to fill the wedge of this interval. See Color Selector.Color.interval5BackgroundIntervals
Interval 5 HighThe upper bound of this interval.double.interval5HighIntervals
Interval 5 LowThe lower bound of this interval.double.interval5LowIntervals
Interval 5 OutlineThe color to paint the arc of this interval. See Color Selector.Color.interval5OutlineIntervals
Meter AngleThe angle in degrees of the centerpoint of the meter (90 is straight up).int.meterAngleAppearance
Meter Angle ExtentThe extent, in degrees, of the entire meter.int.meterAngleExtentAppearance
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
Needle ColorThe color of the meter's needle. See Color Selector.Color.needleColorAppearance
Needle SizeThe size of the base of the needle.float.needleSizeAppearance
Needle Stroke ColorThe color of the needle's stroke. See Color Selector.Color.needleStrokeColorAppearance
Needle Stroke SizeThe size of the needle's stroke.float.needleStrokeSizeAppearance
Overall High BoundThe high bound for the whole meter.double.overallHighData
Overall Low BoundThe lower bound for the whole meter.double.overallLowData
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Reverse Range?If true, the meter will consider right to left needle movement as positive.boolean.reverseRangeData
Show Tick Labels?If true, value will be shown on interval-boundary ticks.boolean.ticksAppearance
StylesContains the component's styles.Dataset.stylesAppearance
Tick ColorThe color of tick marks.Color.tickColorAppearance
Tick FormatThe number format to use for the tick labels.String.tickLabelFormatAppearance
Tick Label ColorThe color of the tick labels. See Color Selector.Color.tickLabelColorAppearance
Tick Label FontThe font to use for the tick labels.Font.labelFontAppearance
Tick SizeThe distance between ticks.double.tickSizeAppearance
UnitsA string to describe the units for the current value label.String.unitsAppearance
ValueThe value to display in this meter. The needle and current value label will change to reflect this.double.valueData
Value ColorThe color of the meter's current value label. See Color Selector.Color.valueColorAppearance
Value FormatThe number format to use for the value label.String.valueLabelFormatAppearance
Value Label FontThe font to use for the current value label.Font.valueFontAppearance
VisibleIf disabled, the component will be hidden.boolean.visibleCommon

Deprecated Properties

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this component.int.dataQualityDeprecated

Scripting

See the Vision - Meter Scripting Functions page for the full list of scripting functions available for this component.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page

Customizers

Examples

Updated Fonts

Property NameValue
Dial Background0,0,128
Value35
Unitm/s
Value Label FontCalibri, Italic, 16
Tick Label FontCalibri, Italic, 12

Chord Meter with Modified Value Intervals

Property NameValue
Value35
Reverse Range?True
Units'None'
Arc Width10
Meter Angle Extent220
Meter Angle0
Dial ShapeChord
Interval 1 Low40
Interval 2 High60
Interval 2 Low0
Interval 3 High80
Interval 3 Low60
Interval 4 High100
Interval 3 Low81