A nested Donut chart progress bar

Summary: A Donut chart that uses the custom RGraph.ActivityMeter class.

[No canvas support]

This is an example of the new (in RGraph 5.2) RGraph.ActivityMeter custom class that resides in the Pie chart library. Previously to get this sort of chart a large amount of custom code was necessary but now the chart has been given its own class - which resides in the Pie chart library.

The colors and quantity of the rings is specified by you and the icons are configurable (or can be replaced with text if you prefer.

This goes in the documents header:

<script src="RGraph.common.core.js"></script>
<script src="RGraph.pie.js"></script>

Put this where you want the chart to show up:

<canvas id="cvs" width="450" height="450">
    [No canvas support]
</canvas>

This is the code that generates the chart: