<h1>
    C1 MVC Gauges
</h1>
<p>
    Gauges are used to display single values. They are often used
    in dashboards, and use segmenting and color coding to present
    values in a clear and easy to read way.
</p>
<p>
    C1 MVC gauges are streamlined. They were designed to be easy to
    use and to read, especially on small-screen devices.
</p>
<p>
    C1 MVC gauges can also be used as input controls. If you set
    their "isReadOnly" property to false, users will be able to
    change the value using the mouse, keyboard, or touch.
</p>
<p>
    C1 MVC includes three types of gauge: <b>RadialGauge</b>,
    <b>LinearGauge</b>, and <b>BulletGraph</b>.
</p>

<h3>
    Radial Gauges
</h3>
<p>
    A radial gauge displays a metric as a percentage of the length
    of a circular scale, like a pie or donut chart with a single
    slice. By default, the radial scale displays a 180-degree arc.
    You can change that by adjusting its start and sweep angles.
</p>
@(Html.C1().RadialGauge().Id("theRadialGauge")
    .Min(0).Max(100).Value(75).Step(10)
    .IsReadOnly(false)
)
<h3>
    Linear Gauges
</h3>
<p>
    Linear gauges are characterized by a linear scale which can be
    horizontal or vertical.
</p>
@(Html.C1().LinearGauge().Id("theLinearGauge")
    .Min(0).Max(100).Value(75).Step(10)
    .ShowText(ShowText.MinMax)
    .IsReadOnly(false)
)
<h3>
    Bullet Graphs
</h3>
<p>
    Bullet graphs are a variation on linear gauges that displays actual
    and target values. It may also show ranges that identify whether
    the actual or current value is good or bad.
</p>
<p>
    Bullet graphs convey information in a compact space, making them ideal
    for dashboards that need to display groups of single-valued metrics
    such as the current year-to-date sales revenue.
</p>
@(Html.C1().BulletGraph().Id("theBulletGraph")
    .Min(0).Max(100).Value(75)
    .Target(60).Bad(50).Good(70)
    .ShowText(ShowText.MinMax)
)