Direction | ASP.NET Core MVC Controls

Direction

In This Topic

The GaugeDirection property of LinearGauge and BulletGraph allows you to change the direction in which the pointer moves.

There are four available options for the GaugeDirection property:

Up: The Pointer starts from the bottom of the gauge and moves towards the top.
Right: The Pointer starts from the left of the gauge and moves towards the right. This is the default value.
Down: The Pointer starts from the top of the gauge and moves towards the bottom.
Left: The pointer starts from the right of the gauge and moves towards the left.

The GaugeDirection property changes the direction of pointer, not orientation of the gauge, therefore its height and width must be set accordingly.

The following image shows how the LinearGauge appears after the GaugeDirection property has been set to Down, and height and width has been adjusted accordingly.

The following code examples demonstrate how to set this property in ASP.NET MVC Edition. These examples use the sample created in the LinearGauge Quick Start section.

HTML	Copy Code
<c1-linear-gauge width="500px" height="100px" value="35" direction="C1.Web.Mvc.GaugeDirection.Down"> </c1-linear-gauge>