The Radial Gauge widget is used to let users quickly understand where a value lies in a certain range. All graphics are rendered on the client using SVG with a fallback to VML for legacy browsers.

Getting Started

1. Create a simple HTML div (optionally set a height and width with CSS)

<div id="radial-gauge"></div>

2. Initialize the Kendo UI RadialGauge with default configuration

   $(document).ready(function() {
       $("#radial-gauge").kendoRadialGauge();
   });
</p>

Creating half- and quarter-circle gauges

The startAngle and endAngle configuration options enable you to create gauges that align with your design goals.

Create a quarter-gauge, oriented to the top-right

    $("#radial-gauge").kendoRadialGauge({
        startAngle: 90,
        endAngle: 180
    });

For a real-world example for this functionality, see the car dashboard demo.