---
title: "Vision - Thermometer"
description: "This component displays a temperature value depicted as a level in a mercury thermometer."
---

# Vision - Thermometer

> This component displays a temperature value depicted as a level in a mercury thermometer.

![](therm0.png)

**Component Palette Icon**

![](therm1.png)

This component displays a temperature value depicted as a level in a mercury thermometer. Three temperature intervals can optionally be defined with their own colors. The mercury will change color based on these intervals.

## Properties
| Property 	| Description 	| Property Type 	| Scripting 	| Category 	|
|---	|---	|---	|---	|---	|
| Axis Label Color 	| The color of the meter's y-axis label. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .axisColor 	| Appearance 	|
| Border 	| The 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. As of 8.1.21, the "Button Border" and "Other Border" options are removed. 	| Border 	| .border 	| Common 	|
| Cursor 	| The mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE Resize. 	| int 	| .cursorCode 	| Common 	|
| Follow data in ranges 	| If true, the thermometer's Y axis will scale itself to zoom in on the current range. 	| boolean 	| .followDataInSubranges 	| Behavior 	|
| Interval 1 Color 	| The color of this interval. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .interval1Color 	| Intervals 	|
| Interval 1 High 	| The upper bound of this interval. 	| double 	| .interval1High 	| Intervals 	|
| Interval 1 Low 	| The lower bound of this interval. 	| double 	| .interval1Low 	| Intervals 	|
| Interval 2 Color 	| The color of this interval. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .interval2Color 	| Intervals 	|
| Interval 2 High 	| The upper bound of this interval. 	| double 	| .interval2High 	| Intervals 	|
| Interval 2 Low 	| The lower bound of this interval. 	| double 	| .interval2Low 	| Intervals 	|
| Interval 3 Color 	| The color of this interval. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .interval3Color 	| Intervals 	|
| Interval 3 High 	| The upper bound of this interval. 	| double 	| .interval3High 	| Intervals 	|
| Interval 3 Low 	| The lower bound of this interval. 	| double 	| .interval3Low 	| Intervals 	|
| Mercury Color 	| The default color of the mercury. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .mercuryColor 	| Appearance 	|
| Mouseover Text 	| The text that is displayed in the tooltip which pops up on mouseover of this component. 	| String 	| .toolTipText 	| Common 	|
| Name 	| The name of this component. 	| String 	| .name 	| Common 	|
| Overall High Bound 	| The high bound for the whole thermometer 	| double 	| .overallHigh 	| Data 	|
| Overall Low Bound 	| The lower bound for the whole thermometer 	| double 	| .overallLow 	| Data 	|
| Quality 	| The data quality code for any Tag bindings on this component. 	| QualityCode 	| .quality 	| Data 	|
| Styles 	| Contains the component's styles 	| Dataset 	| .styles 	| Appearance 	|
| Thermometer Color 	| The color of the outline of the thermometer. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .thermometerColor 	| Appearance 	|
| Thermometer Width 	| The width of the lines used to draw the thermometer. 	| int 	| .strokeWidth 	| Appearance 	|
| Units 	| A string to describe the units for the current value label. 	| int 	| .units 	| Appearance 	|
| Use Range Color 	| Controls whether or not the mercury color changes based on the range it is in. 	| boolean 	| .useSubrangePaint 	| Appearance 	|
| Value 	| The value to display in this thermometer. The mercury level and value label will change to reflect this. 	| double 	| .value 	| Data 	|
| Value Color 	| The color of the meter's current value label. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .valueColor 	| Appearance 	|
| Value Label Font 	| The font to use for the current value label. 	| Font 	| .valueFont 	| Appearance 	|
| Visible 	| If disabled, the component will be hidden. 	| boolean 	| .visible 	| Common 	|

### Deprecated Properties
| Property 	| Description 	| Property Type 	| Scripting 	| Category 	|
|---	|---	|---	|---	|---	|
| Data Quality 	| The data quality code for any Tag bindings on this component. 	| int 	| .dataQuality 	| Deprecated 	|

## Scripting

See the [Vision - Thermometer Scripting Functions](thermometer-scripting.md) 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](ignition-modules/vision/scripting-in-vision/component-events/component-events.md) page

## Customizers
+ [Vision Component Customizers](ignition-modules/vision/working-with-vision-components/vision-component-customizer/vision-component-customizer.md)
+ [Style Customizer](ignition-modules/vision/working-with-vision-components/vision-component-customizer/vision-component-customizer.md#style-customizer)

## Examples

![](therm2.png)

|Property Name|Value|
|:---|:---|
|Units|Fahrenheit|
|Value|192|
|Interval 1 High|	59|
|Interval 1 Low|	20|
|Interval 2 High|	100|
|Interval 2 Low|	50|
|Interval 3 High| 187|
|Interval 3 Low|	100|
|Mercury Color|	255, 200,0|
|Use Range Color|	True|