A nested Donut chart progress bar
Summary: A Donut chart that uses the custom RGraph.ActivityMeter class.
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: