<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.meter.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250" style="border-radius: 15px"> [No canvas support] </canvas>This is the code that generates the chart:
<script> window.onload = function () { var meter = new RGraph.Meter({ id: 'cvs', min: 0, max: 100, value: 75, options: { centerpinStroke: 'rgba(0,0,0,0)', centerpinFill: 'rgba(0,0,0,0)', colorsRanges: [ [0,10,'#f20'], [10,20,'#f30'], [20,30,'#f50'], [30,40,'#f60'], [40,50,'#f80'], [50,60,'#fa0'], [60,70,'#fc0'], [70,80,'#fd0'], [80,90,'#ff0'], [90,100,'#ff0'], ], labelsCount: 0, anglesStart: RGraph.PI + 0.5, anglesEnd: RGraph.TWOPI - 0.5, linewidthSegments: 0, textSize: 16, strokestyle: 'white', segmentRadiusStart: 150, needleRadius: 210, border: 0, tickmarksSmallNum: 0, tickmarksBigNum: 0, adjustable: true } }).draw() }; </script>