# Wijmo_Gauge

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.gauge Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Defines the <a href="../classes/wijmo_gauge.radialgauge.html">RadialGauge</a>, <a href="../classes/wijmo_gauge.lineargauge.html">LinearGauge</a>, and <a href="../classes/wijmo_gauge.bulletgraph.html">BulletGraph</a>
									controls.</p>
								</div>
								<p>Unlike many gauge controls, MESCIUS gauges concentrate on the data being
									displayed, with little extraneous color and markup elements. They were
								designed to be easy to use and to read, especially on small-screen devices.</p>
								<p>MESCIUS gauges are composed of <a href="../classes/wijmo_gauge.range.html">Range</a> objects. Every MESCIUS gauge has
								at least two ranges: the "face" and the "pointer".</p>
								<ul><li>
										The "face" represents the gauge background. The "min" and "max"
										properties of the face range correspond to the "min" and "max" properties
										of the gauge control, and limit the values that the gauge can display.
										</li><li>
										The "pointer" is the range that indicates the gauge's current value. The
										"max" property of the pointer range corresponds to the "value" property
										of the gauge.
								</li></ul>
								<p>In addition to these two special ranges, gauges may have any number of
									additional ranges added to their "ranges" collection. These additional
								ranges can be used for two things:</p>
								<ul><li>
										By default, the extra ranges appear as part of the gauge background.
										This way you can show 'zones' within the gauge, like 'good,' 'average,'
										and 'bad' for example.
										</li><li>
										If you set the gauge's "showRanges" property to false, the additional
										ranges are not shown. Instead, they are used to automatically set the
										color of the "pointer" based on the current value.
								</li></ul>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Classes
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_gauge.bulletgraph.html" class="tsd-kind-icon">Bullet<wbr>Graph</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_gauge.gauge.html" class="tsd-kind-icon">Gauge</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_gauge.lineargauge.html" class="tsd-kind-icon">Linear<wbr>Gauge</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_gauge.radialgauge.html" class="tsd-kind-icon">Radial<wbr>Gauge</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_gauge.range.html" class="tsd-kind-icon">Range</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Enumerations
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_gauge.gaugedirection.html" class="tsd-kind-icon">Gauge<wbr>Direction</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_gauge.needlelength.html" class="tsd-kind-icon">Needle<wbr>Length</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_gauge.needleshape.html" class="tsd-kind-icon">Needle<wbr>Shape</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_gauge.showtext.html" class="tsd-kind-icon">Show<wbr>Text</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
					</div>