<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.semicircularprogress.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="300"> [No canvas support] </canvas>This is the code that generates the chart:
<script> var ssp = new RGraph.SemiCircularProgress({ id: 'cvs', min: 0, max: 100, value: 86, options: { gutterTop: 10, gutterBottom: 105, gutterLeft: 10, gutterRight: 10, unitsPost: '%', labelsCenterSize: 70, labelsCenterValign: 'center', labelsMinSize: 19, labelsMinOffsetAngle:-0.1, labelsMinOffsetx:0, labelsMinOffsety:0, labelsMaxSize: 19, labelsMaxOffsetAngle:0.1, labelsMaxOffsetx:0, labelsMaxOffsety:0, adjustable: true, textAccessiblePointerevents: false, colors: ['Gradient(white:#0a0)'], anglesStart: RGraph.PI - 0.5, anglesEnd: RGraph.TWOPI + 0.5 } }).grow(); </script>