New to Telerik UI for WPF? Start a free 30-day trial

Quadrant-style gauge

Updated on Sep 24, 2025

Many gauge application requires radial scale which have a quadrant shape:

For the purpose the RadRadialGauge object exposes an enumerable with 4 orientations of the quadrant gauges:

North-West - the RadRadialGauge control has a template which represents north-west oriented quadrant circle.

XAML

	<telerik:RadQuadrantNWGauge Width="120" Height="120" telerik:StyleManager.Theme="Windows8">
		<telerik:QuadrantNWScale Min="0" Max="50" MajorTickStep="10">
			<telerik:QuadrantNWScale.Indicators>
				<telerik:Needle IsAnimated="True" />
				<telerik:Pinpoint />
			</telerik:QuadrantNWScale.Indicators>
		</telerik:QuadrantNWScale>
	</telerik:RadQuadrantNWGauge>

WPF RadGauge Quadrant North West Scale

North-East - the RadRadialGauge control has a template which represents north-east oriented quadrant circle.

XAML

	<telerik:RadQuadrantNEGauge Width="120" Height="120" telerik:StyleManager.Theme="Windows8">
		<telerik:QuadrantNEScale Min="0" Max="50" MajorTickStep="10">
			<telerik:QuadrantNEScale.Indicators>
				<telerik:Needle IsAnimated="True" />
				<telerik:Pinpoint />
			</telerik:QuadrantNEScale.Indicators>
		</telerik:QuadrantNEScale>
	</telerik:RadQuadrantNEGauge>

WPF RadGauge Quadrant North East Scale

South-East - the RadRadialGauge control has a template which represents south-east oriented quadrant circle.

XAML

	<telerik:RadQuadrantSEGauge Width="120" Height="120" telerik:StyleManager.Theme="Windows8">
		<telerik:QuadrantSEScale Min="0" Max="50" MajorTickStep="10">
			<telerik:QuadrantSEScale.Indicators>
				<telerik:Needle IsAnimated="True" />
				<telerik:Pinpoint />
			</telerik:QuadrantSEScale.Indicators>
		</telerik:QuadrantSEScale>
	</telerik:RadQuadrantSEGauge>

WPF RadGauge Quadrant South East Scale

South-West - the RadRadialGauge control has a template which represents south-west oriented quadrant circle.

XAML

	<telerik:RadQuadrantSWGauge Width="120" Height="120" telerik:StyleManager.Theme="Windows8">
		<telerik:QuadrantSWScale Min="0" Max="50" MajorTickStep="10" >
			<telerik:QuadrantSWScale.Indicators>
				<telerik:Needle IsAnimated="True" />
				<telerik:Pinpoint />
			</telerik:QuadrantSWScale.Indicators>
		</telerik:QuadrantSWScale>
	</telerik:RadQuadrantSWGauge>

WPF RadGauge Quadrant South West Scale