These Gauge charts are adjustable and the center one can be animated by
clicking the button below (it animates to a random value). The centerx
and radius
values are set explicitly so the sizes are fixed no matter
what the size of the canvas is.
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.common.effects.js"></script> <script src="RGraph.gauge.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="250" style="border: 1px solid #ccc"> [No canvas support] </canvas>This is the code that generates the chart: