RGraph: HTML5 canvas graph library - Odometer documentation

The example file is here.

<script>
    window.onload = function ()
    {
        // ID, MINIMUM, MAXIMUM, INDICATED VALUE
        var odo = new RGraph.Odometer('myOdo', 0, 100, 18);
        
        odo.Set('chart.green.start', 0);
        odo.Set('chart.green.end', 75);
        odo.Set('chart.yellow.start', 75);
        odo.Set('chart.yellow.end', 90);
        odo.Set('chart.red.start', 90);
        odo.Set('chart.red.end', 100);
        odo.Set('chart.label.space', 50);
        odo.Set('chart.needle.thickness', 2);
    
        odo.Draw();
    }
</script>

Available properties

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