<div class="header-panel member">
<h2><span class="identifier">WjLinearGauge</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular2.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo-wijmo.angular2.gauge.Module.html"><span class="identifier">wijmo/wijmo.angular2.gauge</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>Angular 2 component for the <a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a> control.</p>
<p>Use the <b>wj-linear-gauge</b> component to add <b>LinearGauge</b> controls to your
Angular 2 applications. For details about Angular 2 markup syntax, see 
<a href="static/angular2Markup.html">Angular 2 Markup</a>.  </p>
<p>The <b>WjLinearGauge</b> component is derived from the <b>LinearGauge</b> control and
inherits all its properties, events and methods. </p>
<p>The <b>wj-linear-gauge</b> component may contain a <a href="topic/wijmo-wijmo.angular2.gauge.WjRange.Class.html"><span class="identifier">WjRange</span></a> child component.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<h3 class="node">Constructor</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#asyncBindings">asyncBindings</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#controlTemplate">controlTemplate</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#direction">direction</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#face">face</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#format">format</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#getText">getText</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#gotFocusNg">gotFocusNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#hasShadow">hasShadow</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#hostElement">hostElement</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#initialized">initialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isAnimated">isAnimated</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isDisabled">isDisabled</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isInitialized">isInitialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isReadOnly">isReadOnly</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isTouching">isTouching</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#isUpdating">isUpdating</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#lostFocusNg">lostFocusNg</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#max">max</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#min">min</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#origin">origin</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#pointer">pointer</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#ranges">ranges</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#rightToLeft">rightToLeft</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#showRanges">showRanges</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#showText">showText</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#showTicks">showTicks</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#step">step</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#thickness">thickness</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#thumbSize">thumbSize</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#tickSpacing">tickSpacing</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#value">value</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#valueChangedNg">valueChangedNg</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#wjModelProperty">wjModelProperty</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#addEventListener">addEventListener</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#applyTemplate">applyTemplate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#beginUpdate">beginUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#containsFocus">containsFocus</a></li>
<li class="mmethod"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#created">created</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#deferUpdate">deferUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#dispose">dispose</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#disposeAll">disposeAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#endUpdate">endUpdate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#focus">focus</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#getControl">getControl</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#getTemplate">getTemplate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#hitTest">hitTest</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#initialize">initialize</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#invalidate">invalidate</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#invalidateAll">invalidateAll</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#onGotFocus">onGotFocus</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#onLostFocus">onLostFocus</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#onRefreshed">onRefreshed</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#onRefreshing">onRefreshing</a></li>
<li class="mmethod inherited raiser"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#onValueChanged">onValueChanged</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refresh">refresh</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refreshAll">refreshAll</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#removeEventListener">removeEventListener</a></li>
</ul>
<h3 class="node">Events</h3>
<ul>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#gotFocus">gotFocus</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#lostFocus">lostFocus</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refreshed">refreshed</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refreshing">refreshing</a></li>
<li class="mevent inherited"><a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#valueChanged">valueChanged</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod inherited">
<h3>constructor</h3>
<pre>constructor(element: <span class="identifier">any</span>, options?): <a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a> class.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>element</b>: <span class="identifier">any</span><br/><p>The DOM element that hosts the control, or a CSS selector for the host element (e.g. '#theCtrl').</p></li><li><b>options</b>:  <span class="badge">Optional</span><br/><p>JavaScript object containing initialization data for the control.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a></dd>
</dl>
</div>
<h3 class="node">Properties</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="asyncBindings" class="member-panel mproperty">
<h3>asyncBindings</h3>
<div class="comment"><p>Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
See the <b>WjOptions.</b><a href="topic/wijmo-wijmo.angular2.directiveBase.WjOptions.Class.html/#asyncBindings"><span class="identifier">asyncBindings</span></a> property description for details.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="controlTemplate" class="member-panel mproperty inherited">
<h3><span class="badge">Static</span> controlTemplate</h3>
<div class="comment"><p>Gets or sets the template used to instantiate <a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a> controls.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="direction" class="member-panel mproperty inherited">
<h3>direction</h3>
<div class="comment"><p>Gets or sets the direction in which the gauge is filled.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.LinearGauge.Class.html"><span class="identifier">LinearGauge</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.gauge.GaugeDirection.Enum.html"><span class="identifier">GaugeDirection</span></a></dd>
</dl>
</div>
<div id="face" class="member-panel mproperty inherited">
<h3>face</h3>
<div class="comment"><p>Gets or sets the <a href="topic/wijmo.gauge.Range.Class.html"><span class="identifier">Range</span></a> used to represent the gauge's overall geometry
and appearance.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.gauge.Range.Class.html"><span class="identifier">Range</span></a></dd>
</dl>
</div>
<div id="format" class="member-panel mproperty inherited">
<h3>format</h3>
<div class="comment"><p>Gets or sets the format string used to display gauge values as text.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="getText" class="member-panel mproperty inherited">
<h3>getText</h3>
<div class="comment"><p>Gets or sets a callback that returns customized strings used to
display gauge values.</p>
<p>Use this property if you want to customize the strings shown on
the gauge in cases where the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#format"><span class="identifier">format</span></a> property is not enough.</p>
<p>If provided, the callback should be a function as that takes as
parameters the gauge, the part name, the value, and the formatted
value. The callback should return the string to be displayed on
the gauge.</p>
<p>For example:</p>


<pre>// callback to convert values into strings
gauge.getText = function (gauge, part, value, text) {
  switch (part) {
    case 'value':
      if (value &lt;= 10) return 'Empty!';
      if (value &lt;= 25) return 'Low...';
      if (value &lt;= 95) return 'Good';
      return 'Full';
    case 'min':
      return 'EMPTY';
    case 'max':
      return 'FULL';
  }
  return text;
}</pre></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a></dd>
</dl>
</div>
<div id="gotFocusNg" class="member-panel mproperty">
<h3>gotFocusNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>gotFocus</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="hasShadow" class="member-panel mproperty inherited">
<h3>hasShadow</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the gauge displays a shadow effect.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="hostElement" class="member-panel mproperty inherited">
<h3>hostElement</h3>
<div class="comment"><p>Gets the DOM element that is hosting the control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="initialized" class="member-panel mproperty">
<h3>initialized</h3>
<div class="comment"><p>This event is triggered after the component has been initialized by Angular, that is
all bound properties have been assigned and child components (if any) have been initialized.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="isAnimated" class="member-panel mproperty inherited">
<h3>isAnimated</h3>
<div class="comment"><p>Gets or sets a value that determines whether the <a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a> 
should use animation to show value changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isDisabled" class="member-panel mproperty inherited">
<h3>isDisabled</h3>
<div class="comment"><p>Gets or sets a value that determines whether the control is disabled.</p>
<p>Disabled controls cannot get mouse or keyboard events.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isInitialized" class="member-panel mproperty">
<h3>isInitialized</h3>
<div class="comment"><p>Indicates whether the component has been initialized by Angular.
Changes its value from false to true right before triggering the <b>initialized</b> event.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isReadOnly" class="member-panel mproperty inherited">
<h3>isReadOnly</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the user can edit the value 
using the mouse and keyboard.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isTouching" class="member-panel mproperty inherited">
<h3>isTouching</h3>
<div class="comment"><p>Gets a value that indicates whether the control is currently handling a touch event.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="isUpdating" class="member-panel mproperty inherited">
<h3>isUpdating</h3>
<div class="comment"><p>Gets a value that indicates whether the control is currently being updated.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="lostFocusNg" class="member-panel mproperty">
<h3>lostFocusNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>lostFocus</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="max" class="member-panel mproperty inherited">
<h3>max</h3>
<div class="comment"><p>Gets or sets the maximum value that can be displayed on the gauge.</p>
<p>For details about using the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#min"><span class="identifier">min</span></a> and <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#max"><span class="identifier">max</span></a> properties, please see the 
<a href="static/minMax.html">Using the min and max properties</a> topic.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="min" class="member-panel mproperty inherited">
<h3>min</h3>
<div class="comment"><p>Gets or sets the minimum value that can be displayed on the gauge.</p>
<p>For details about using the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#min"><span class="identifier">min</span></a> and <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#max"><span class="identifier">max</span></a> properties, please see the 
<a href="static/minMax.html">Using the min and max properties</a> topic.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="origin" class="member-panel mproperty inherited">
<h3>origin</h3>
<div class="comment"><p>Gets or sets the starting point used for painting the range.</p>
<p>By default, this property is set to null, which causes the value range
to start at the gauge's minimum value, or zero if the minimum is less
than zero.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="pointer" class="member-panel mproperty inherited">
<h3>pointer</h3>
<div class="comment"><p>Gets or sets the <a href="topic/wijmo.gauge.Range.Class.html"><span class="identifier">Range</span></a> used to represent the gauge's current value.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.gauge.Range.Class.html"><span class="identifier">Range</span></a></dd>
</dl>
</div>
<div id="ranges" class="member-panel mproperty inherited">
<h3>ranges</h3>
<div class="comment"><p>Gets the collection of ranges in this gauge.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.collections.ObservableArray.Class.html"><span class="identifier">ObservableArray</span></a></dd>
</dl>
</div>
<div id="rightToLeft" class="member-panel mproperty inherited">
<h3>rightToLeft</h3>
<div class="comment"><p>Gets a value indicating whether the control is hosted in an element
with right-to-left layout.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="showRanges" class="member-panel mproperty inherited">
<h3>showRanges</h3>
<div class="comment"><p>Gets or sets a value that indicates whether the gauge displays the ranges contained in 
the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#ranges"><span class="identifier">ranges</span></a> property.</p>
<p>If this property is set to false, the ranges contained in the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#ranges"><span class="identifier">ranges</span></a> property are not
displayed in the gauge. Instead, they are used to interpolate the color of the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#pointer"><span class="identifier">pointer</span></a>
range while animating value changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="showText" class="member-panel mproperty inherited">
<h3>showText</h3>
<div class="comment"><p>Gets or sets the <a href="topic/wijmo.gauge.ShowText.Enum.html"><span class="identifier">ShowText</span></a> values to display as text in the gauge.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.gauge.ShowText.Enum.html"><span class="identifier">ShowText</span></a></dd>
</dl>
</div>
<div id="showTicks" class="member-panel mproperty inherited">
<h3>showTicks</h3>
<div class="comment"><p>Gets or sets a property that determines whether the gauge should display
tickmarks at each <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#step"><span class="identifier">step</span></a> value.</p>
<p>The tickmarks can be formatted in CSS using the <b>wj-gauge</b> and
<b>wj-ticks</b> class names. For example:</p>


<pre>.wj-gauge .wj-ticks {
    stroke-width: 2px;
    stroke: white;
}</pre></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="step" class="member-panel mproperty inherited">
<h3>step</h3>
<div class="comment"><p>Gets or sets the amount to add to or subtract from the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#value"><span class="identifier">value</span></a> property
when the user presses the arrow keys or moves the mouse wheel.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="thickness" class="member-panel mproperty inherited">
<h3>thickness</h3>
<div class="comment"><p>Gets or sets the thickness of the gauge, on a scale between zero and one.</p>
<p>Setting the thickness to one causes the gauge to fill as much of the
control area as possible. Smaller values create thinner gauges.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="thumbSize" class="member-panel mproperty inherited">
<h3>thumbSize</h3>
<div class="comment"><p>Gets or sets the size of the element that shows the gauge's current value, in pixels.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="tickSpacing" class="member-panel mproperty inherited">
<h3>tickSpacing</h3>
<div class="comment"><p>Gets or sets the spacing between tickmarks.</p>
<p>Set the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#showTicks"><span class="identifier">showTicks</span></a> property to true if you want the
gauge to show tickmarks along its face. By default, the
interval between tickmarks is defined by the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#step"><span class="identifier">step</span></a>
property.</p>
<p>Use the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#tickSpacing"><span class="identifier">tickSpacing</span></a> property to override the default
and use a spacing that is different from the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#step"><span class="identifier">step</span></a>
value. Set the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#tickSpacing"><span class="identifier">tickSpacing</span></a> property to null to revert
to the default behavior.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="value" class="member-panel mproperty inherited">
<h3>value</h3>
<div class="comment"><p>Gets or sets the value displayed on the gauge.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="valueChangedNg" class="member-panel mproperty">
<h3>valueChangedNg</h3>
<div class="comment"><p>Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
Use this event name if you want to subscribe to the Angular version of the event in code.
In template bindings use the conventional <b>valueChanged</b> Wijmo event name.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="wjModelProperty" class="member-panel mproperty">
<h3>wjModelProperty</h3>
<div class="comment"><p>Defines a name of a property represented by [(ngModel)] directive (if specified). 
Default value is 'value'.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
</div>
<h3 class="node">Methods</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="addEventListener" class="member-panel mmethod inherited">
<h3>addEventListener</h3>
<pre>addEventListener(target: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a>, type: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, fn: <span class="identifier">any</span>, capture?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Adds an event listener to an element owned by this <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a>.</p>
<p>The control keeps a list of attached listeners and their handlers,
making it easier to remove them when the control is disposed (see the
<a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#dispose"><span class="identifier">dispose</span></a> and <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#removeEventListener"><span class="identifier">removeEventListener</span></a> methods).</p>
<p>Failing to remove event listeners may cause memory leaks.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>target</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a><br/><p>Target element for the event.</p></li><li><b>type</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>String that specifies the event.</p></li><li><b>fn</b>: <span class="identifier">any</span><br/><p>Function to execute when the event occurs.</p></li><li><b>capture</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether the listener is capturing.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="applyTemplate" class="member-panel mmethod inherited">
<h3>applyTemplate</h3>
<pre>applyTemplate(classNames: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, template: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, parts: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank"><span class="identifier">Object</span></a>, namePart?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></pre>
<div class="comment"><p>Applies the template to a new instance of a control, and returns the root element.</p>
<p>This method should be called by constructors of templated controls.
It is responsible for binding the template parts to the 
corresponding control members.</p>
<p>For example, the code below applies a template to an instance
of an <a href="topic/wijmo.input.InputNumber.Class.html"><span class="identifier">InputNumber</span></a> control. The template must contain elements 
with the 'wj-part' attribute set to 'input', 'btn-inc', and 'btn-dec'.
The control members '_tbx', '_btnUp', and '_btnDn' will be assigned
references to these elements.</p>


<pre>this.applyTemplate('wj-control wj-inputnumber', template, {
  _tbx: 'input',
  _btnUp: 'btn-inc',
  _btnDn: 'btn-dec'
}, 'input');</pre></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>classNames</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>Names of classes to add to the control's host element.</p></li><li><b>template</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>An HTML string that defines the control template.</p></li><li><b>parts</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank"><span class="identifier">Object</span></a><br/><p>A dictionary of part variables and their names.</p></li><li><b>namePart</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Name of the part to be named after the host element. This
determines how the control submits data when used in forms.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a></dd>
</dl>
</div>
<div id="beginUpdate" class="member-panel mmethod inherited">
<h3>beginUpdate</h3>
<pre>beginUpdate(): <span class="identifier">void</span></pre>
<div class="comment"><p>Suspends notifications until the next call to <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="containsFocus" class="member-panel mmethod inherited">
<h3>containsFocus</h3>
<pre>containsFocus(): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></pre>
<div class="comment"><p>Checks whether this control contains the focused element.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="created" class="member-panel mmethod">
<h3>created</h3>
<pre>created(): <span class="identifier">void</span></pre>
<div class="comment"><p>If you create a custom component inherited from a Wijmo component, you can override this  
method and perform necessary initializations that you usually do in a class constructor. 
This method is called in the last line of a Wijmo component constructor and allows you
to not declare your custom component's constructor at all, thus preventing you from a necessity 
to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.</p></div>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="deferUpdate" class="member-panel mmethod inherited">
<h3>deferUpdate</h3>
<pre>deferUpdate(fn: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Executes a function within a <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#beginUpdate"><span class="identifier">beginUpdate</span></a>/<a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a> block.</p>
<p>The control will not be updated until the function has been executed.
This method ensures <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#endUpdate"><span class="identifier">endUpdate</span></a> is called even if the function throws
an exception.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fn</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank"><span class="identifier">Function</span></a><br/><p>Function to be executed.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="dispose" class="member-panel mmethod inherited">
<h3>dispose</h3>
<pre>dispose(): <span class="identifier">void</span></pre>
<div class="comment"><p>Disposes of the control by removing its association with the host element.</p>
<p>The <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#dispose"><span class="identifier">dispose</span></a> method automatically removes any event listeners added
with the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#addEventListener"><span class="identifier">addEventListener</span></a> method.</p>
<p>Calling the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#dispose"><span class="identifier">dispose</span></a> method is important in applications that create
and remove controls dynamically. Failing to dispose of the controls may
cause memory leaks.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="disposeAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> disposeAll</h3>
<pre>disposeAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Disposes of all Wijmo controls contained in an HTML element.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="endUpdate" class="member-panel mmethod inherited">
<h3>endUpdate</h3>
<pre>endUpdate(): <span class="identifier">void</span></pre>
<div class="comment"><p>Resumes notifications suspended by calls to <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#beginUpdate"><span class="identifier">beginUpdate</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="focus" class="member-panel mmethod inherited">
<h3>focus</h3>
<pre>focus(): <span class="identifier">void</span></pre>
<div class="comment"><p>Sets the focus to this control.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="getControl" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> getControl</h3>
<pre>getControl(element: <span class="identifier">any</span>): <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></pre>
<div class="comment"><p>Gets the control that is hosted in a given DOM element.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>element</b>: <span class="identifier">any</span><br/><p>The DOM element that hosts the control, or a CSS selector for the host element (e.g. '#theCtrl').</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
</dl>
</div>
<div id="getTemplate" class="member-panel mmethod inherited">
<h3>getTemplate</h3>
<pre>getTemplate(): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></pre>
<div class="comment"><p>Gets the HTML template used to create instances of the control.</p>
<p>This method traverses up the class hierarchy to find the nearest ancestor that
specifies a control template. For example, if you specify a prototype for the
<a href="topic/wijmo.input.ComboBox.Class.html"><span class="identifier">ComboBox</span></a> control, it will override the template defined by the <a href="topic/wijmo.input.DropDown.Class.html"><span class="identifier">DropDown</span></a> 
base class.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="hitTest" class="member-panel mmethod inherited">
<h3>hitTest</h3>
<pre>hitTest(pt: <span class="identifier">any</span>, y?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></pre>
<div class="comment"><p>Gets a number that corresponds to the value of the gauge at a given point.</p>
<p>For example:</p>


<pre>// hit test a point when the user clicks on the gauge
gauge.hostElement.addEventListener('click', function (e) {
  var ht = gauge.hitTest(e.pageX, e.pageY);
  if (ht != null) {
    console.log('you clicked the gauge at value ' + ht.toString());
  }
});</pre></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>pt</b>: <span class="identifier">any</span><br/><p>The point to investigate, in window coordinates, or a MouseEvent object, 
or the x coordinate of the point.</p></li><li><b>y</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a> <span class="badge">Optional</span><br/><p>The Y coordinate of the point (if the first parameter is a number).</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="initialize" class="member-panel mmethod inherited">
<h3>initialize</h3>
<pre>initialize(options: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Initializes the control by copying the properties from a given object.</p>
<p>This method allows you to initialize controls using plain data objects
instead of setting the value of each property in code.</p>
<p>For example:
</p>

<pre>grid.initialize({
  itemsSource: myList,
  autoGenerateColumns: false,
  columns: [
    { binding: 'id', header: 'Code', width: 130 },
    { binding: 'name', header: 'Name', width: 60 } 
  ]
});

// is equivalent to
grid.itemsSource = myList;
grid.autoGenerateColumns = false;

// etc.</pre>
<p>The initialization data is type-checked as it is applied. If the 
initialization object contains unknown property names or invalid
data types, this method will throw.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>options</b>: <span class="identifier">any</span><br/><p>Object that contains the initialization data.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="invalidate" class="member-panel mmethod inherited">
<h3>invalidate</h3>
<pre>invalidate(fullUpdate?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Invalidates the control causing an asynchronous refresh.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fullUpdate</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether to update the control layout as well as the content.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="invalidateAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> invalidateAll</h3>
<pre>invalidateAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Invalidates all Wijmo controls contained in an HTML element.</p>
<p>Use this method when your application has dynamic panels that change
the control's visibility or dimensions. For example, splitters, accordions,
and tab controls usually change the visibility of its content elements.
In this case, failing to notify the controls contained in the element
may cause them to stop working properly.</p>
<p>If this happens, you must handle the appropriate event in the dynamic
container and call the <a href="topic/wijmo.Control.Class.html/#invalidateAll"><span class="identifier">invalidateAll</span></a> method so the contained
Wijmo controls will update their layout information properly.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element. If set to null, all Wijmo controls
on the page will be invalidated.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onGotFocus" class="member-panel mmethod inherited raiser">
<h3>onGotFocus</h3>
<pre>onGotFocus(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#gotFocus"><span class="identifier">gotFocus</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onLostFocus" class="member-panel mmethod inherited raiser">
<h3>onLostFocus</h3>
<pre>onLostFocus(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#lostFocus"><span class="identifier">lostFocus</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onRefreshed" class="member-panel mmethod inherited raiser">
<h3>onRefreshed</h3>
<pre>onRefreshed(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refreshed"><span class="identifier">refreshed</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onRefreshing" class="member-panel mmethod inherited raiser">
<h3>onRefreshing</h3>
<pre>onRefreshing(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#refreshing"><span class="identifier">refreshing</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="onValueChanged" class="member-panel mmethod inherited raiser">
<h3>onValueChanged</h3>
<pre>onValueChanged(e?: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Raises the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#valueChanged"><span class="identifier">valueChanged</span></a> event.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a> <span class="badge">Optional</span><br/></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="refresh" class="member-panel mmethod inherited">
<h3>refresh</h3>
<pre>refresh(fullUpdate?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Refreshes the control.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>fullUpdate</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Indicates whether to update the control layout as well as the content.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="refreshAll" class="member-panel mmethod inherited">
<h3><span class="badge">Static</span> refreshAll</h3>
<pre>refreshAll(e?: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Refreshes all Wijmo controls contained in an HTML element.</p>
<p>This method is similar to <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#invalidateAll"><span class="identifier">invalidateAll</span></a>, except the controls
are updated immediately rather than after an interval.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>e</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/HTMLElement" target="_blank"><span class="identifier">HTMLElement</span></a> <span class="badge">Optional</span><br/><p>Container element. If set to null, all Wijmo controls
on the page will be invalidated.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="removeEventListener" class="member-panel mmethod inherited">
<h3>removeEventListener</h3>
<pre>removeEventListener(target?: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a>, type?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, fn?: <span class="identifier">any</span>, capture?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></pre>
<div class="comment"><p>Removes one or more event listeners attached to elements owned by this <a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>target</b>: <a href="https://developer.mozilla.org/en/docs/Web/API/EventTarget" target="_blank"><span class="identifier">EventTarget</span></a> <span class="badge">Optional</span><br/><p>Target element for the event. If null, removes listeners attached to all targets.</p></li><li><b>type</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>String that specifies the event. If null, removes listeners attached to all events.</p></li><li><b>fn</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Handler to remove. If null, removes all handlers.</p></li><li><b>capture</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether the listener is capturing. If null, removes capturing and non-capturing listeners.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Returns</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
</div>
<h3 class="node">Events</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="gotFocus" class="member-panel mevent inherited">
<h3>gotFocus</h3>
<div class="comment"><p>Occurs when the control gets the focus.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="lostFocus" class="member-panel mevent inherited">
<h3>lostFocus</h3>
<div class="comment"><p>Occurs when the control loses the focus.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="refreshed" class="member-panel mevent inherited">
<h3>refreshed</h3>
<div class="comment"><p>Occurs after the control has refreshed its contents.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="refreshing" class="member-panel mevent inherited">
<h3>refreshing</h3>
<div class="comment"><p>Occurs when the control is about to refresh its contents.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.Control.Class.html"><span class="identifier">Control</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
<div id="valueChanged" class="member-panel mevent inherited">
<h3>valueChanged</h3>
<div class="comment"><p>Occurs when the value of the <a href="topic/wijmo-wijmo.angular2.gauge.WjLinearGauge.Class.html/#value"><span class="identifier">value</span></a> property changes.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.gauge.Gauge.Class.html"><span class="identifier">Gauge</span></a></dd>
  <dt>Arguments</dt><dd><a href="topic/wijmo.EventArgs.Class.html"><span class="identifier">EventArgs</span></a></dd>
</dl>
</div>
</div>
