<h1>
    Gauge Types
</h1>
<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)
<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)
<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)