Skip to main content
Version: 8.1

Perspective - Thermometer

Component Palette Icon:

Description

The Thermometer component displays a temperature value depicted as a level in a mercury thermometer. Temperature intervals can be defined with their own colors so that the mercury color changes based on the temperature range. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class.

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
valueFontThe font to use for the current value label. 
  • fontSize: Size of the font for the current value. Value is numeric.
  • object
    intervalsDefines the upper and lower temperature range for each interval. 
  • color: Color of the mercury in the thermometer. See Color Selector.
  • high: High bound value for the interval. Value is numeric.
  • low: Low bound value for the interval. Value is 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

    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.high45
    props.intervals.0.color#0000FF
    props.intervals.1.color#CCCCFF
    props.intervals.2.color#FF0000
    props.intervals.2.low85
    props.value90