ASP.NET Core MVC Controls | ComponentOne
Working with Controls / Gauge / Work with Gauge / Direction
In This Topic
    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:

    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>