User Manual

GETTING STARTED


MODULES AND PLATFORM


APPENDIX


TUTORIALS & HELPFUL TRICKS


STRATEGIC PARTNER LINKS

Sepasoft - MES Modules
Cirrus Link - MQTT Modules

RESOURCES

Inductive University
Ignition Demo Project
Knowledge Base Articles
Forum
IA Support
SDK Documentation
SDK Examples

ALL USER MANUAL VERSIONS

Ignition 8.1
Ignition 7.9
Ignition 7.8

Deprecated Pages

Employees

Sign In

Skip to end of metadata
Go to start of metadata
General

Component Palette Icon:




Description

The Thermometer component displays a temperature value depicted as a level in a mercury thermometer. Three temperature intervals can optionally be defined with their own colors so that the mercury color changes based on the temperature range that it is in. A full menu of style options is available to customize the component's text, background, border, color, etc.

Properties

Most Properties have binding options. For more information on Bindings, see Types of Bindings in Perspective.
This section only documents the Props Category of properties. The other Categories are described on the Perspective Component Properties page.

NameDescriptionProperty Type
thermometerColorColor of the outline of the thermometer. Default is black.color
mercuryColorColor of the mercury. See Color Selector.color
axisLabelColorThe color of the thermometer's y-axis label. Default is black. See Color Selector.color
strokeWidthWidth of the lines used to draw the thermometer in pixels.value: numeric
highBoundThe high boundary value for the whole thermometer.value: numeric
lowBoundThe lower boundary value for the whole thermometer.value: numeric
valueThe value to display in the thermometer. The mercury level and value label will change to reflect this.value: numeric
unitA string to describe the units for the current value label. Options are "F" for Fahrenheit or "C" for Celsius.value: string dropdown
valueFontcolorThe color of the current value. See Color Selector.color
valueFont

The font to use for the current value label.

NameDescriptionProperty Type
fontSizeSize of the font for the current value.value: numeric
object
intervals

Defines the upper and lower bounds for each interval.

NameDescriptionProperty Type
colorColor of the mercury in the thermometer. See Color Selector.color
highHigh bound value for the interval.value: numeric
lowLow bound value for the interval.value: numeric
object
styleSets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class.object

Perspective Component Events

The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.

Example

PropertyValue
props.unitF
props.mercuryColor#8AFF8A
props.intervals.1.high

45

props.intervals.0.color#0000FF
props.intervals.1.color#CCCCFF
props.intervals.2.color#FF0000
props.intervals.2.low85
props.value90


  • No labels