Thermometer Javascript
Thermometer Chart
To use, put this at the top of your page:
<script language="javascript" type="text/javascript" src="http://www.jlion.com/js/jliontherm2.js"></script>
Next, you’ll need to add a div tag:
<div id="thermometer"></div>
Finally, add this block of script at the bottom of the page, to set the current value:
<script type="text/javascript" language="javascript"> var oTherm = new jlionThermometer('thermometer2', 50, 'Test Themometer Chart', 0, 100, true, false, 'M'); </script>
The chart accepts these parameters:
- chartId:chartId: This is the ID of the DIV element where the thermometer chart should be placed.
- chartValue: This is the numeric value that should be charted.
- chartTitle: This is the title text that should be displayed.
- minValue: This is the minimum value of the chart (usually 0)
- maxValue: This is the maximum value of the chart
- isCurrency: This should be true if values should be displayed as US currency, otherwise false
- includeDecimal: This should be true if two decimal places should be displayed, otherwise false
- sizeOption: This can be S for a small chart, or M for a medium chart