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