A nested Donut chart progress bar
Summary: A nested Donut chart using the RGraph.Activity class.
This is an example of the new (in version 5.28)
(You can read the documentation page for the Activity meter here.
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 is in the
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. The chart can be animated using the
grow effect, adjusted and can now also have tooltips.
<script src="RGraph.common.core.js"></script> <script src="RGraph.activity.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: