Share:

RGraph: HTML5 canvas graph library - Thermometer chart documentation

The thermometer chart, along with the progress bar, is a prime candidate for use in a status panel. Much like the progress bar, but the design may be better suited to your application/website etc.

The example file is here.

• Properties

 
<script>
    window.onload = function ()
    {
        var thermometer = new RGraph.Thermometer('myCanvas', data);
        thermometer.Set('chart.gutter', 45);
        thermometer.Set('chart.colors', ['rgba(255,0,0,1)']);
        thermometer.Draw();
    }
</script>

Properties

You can use these properties to control how the bar graph apears. You can set them by using the Set() method. Eg:

myBar.Set('name', 'value');

• Chart configuration
• Colors
• Shadow
• Interactive features
• Zoom

Chart configuration

Colors

Shadow

Zoom