This is a customised Meter chart. The canvas is still the usual rectangle
but it has been placed inside a DIV which has a large
border-radius
CSS property giving the circular appearance.
<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:
<div style="width: 450px; height: 450px; background-color: white; border-radius: 250px; text-align: center; font-family: Arial; box-shadow: 0px 0px 25px gray; border: 10 px solid #ddd"> <canvas id="cvs" width="450" height="350">[No canvas support]</canvas> <b style="font-size: 20pt"> Temperature (°C) </b> </div>This is the code that generates the chart: