<div class="header-panel member">
<h2><span class="identifier">WjFlexChartAnnotationRectangle</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.chart.annotation.Module.html"><span class="identifier">wijmo/wijmo.angular2.chart.annotation</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</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.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a> control. </p>
<p>The <b>wj-flex-chart-annotation-rectangle</b> component must be 
contained in a <a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationLayer.Class.html"><span class="identifier">WjFlexChartAnnotationLayer</span></a> component.</p>
<p>Use the <b>wj-flex-chart-annotation-rectangle</b> component to add <b>Rectangle</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>WjFlexChartAnnotationRectangle</b> component is derived from the <b>Rectangle</b> control and
inherits all its properties, events and methods. </p>
<p>The <b>wj-flex-chart-annotation-rectangle</b> component may contain a <a href="topic/wijmo-wijmo.angular2.chart.WjFlexChartDataPoint.Class.html"><span class="identifier">WjFlexChartDataPoint</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.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#attachment">attachment</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#content">content</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#height">height</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#initialized">initialized</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#isInitialized">isInitialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#isVisible">isVisible</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#name">name</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#offset">offset</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#point">point</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#pointIndex">pointIndex</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#position">position</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#seriesIndex">seriesIndex</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#style">style</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#tooltip">tooltip</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#width">width</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#wjProperty">wjProperty</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#created">created</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#destroy">destroy</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#render">render</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod inherited">
<h3>constructor</h3>
<pre>constructor(options?: <span class="identifier">any</span>): <a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a> annotation class.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>options</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>JavaScript object containing initialization data for the object.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</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="attachment" class="member-panel mproperty inherited">
<h3>attachment</h3>
<div class="comment"><p>Gets or sets the attachment of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationAttachment.Enum.html"><span class="identifier">AnnotationAttachment</span></a></dd>
</dl>
</div>
<div id="content" class="member-panel mproperty inherited">
<h3>content</h3>
<div class="comment"><p>Gets or sets the text of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.Shape.Class.html"><span class="identifier">Shape</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="height" class="member-panel mproperty inherited">
<h3>height</h3>
<div class="comment"><p>Gets or sets the height of the <a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a> annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</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="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="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="isVisible" class="member-panel mproperty inherited">
<h3>isVisible</h3>
<div class="comment"><p>Gets or sets the visibility of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</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="name" class="member-panel mproperty inherited">
<h3>name</h3>
<div class="comment"><p>Gets or sets the name of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</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="offset" class="member-panel mproperty inherited">
<h3>offset</h3>
<div class="comment"><p>Gets or sets the offset of the annotation from the <a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#point"><span class="identifier">point</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a></dd>
</dl>
</div>
<div id="point" class="member-panel mproperty inherited">
<h3>point</h3>
<div class="comment"><p>Gets or sets the point of the annotation.
The coordinates of points depends on the <a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#attachment"><span class="identifier">attachment</span></a> property. 
See <a href="topic/wijmo.chart.annotation.AnnotationAttachment.Enum.html"><span class="identifier">AnnotationAttachment</span></a> for further description.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.DataPoint.Class.html"><span class="identifier">DataPoint</span></a></dd>
</dl>
</div>
<div id="pointIndex" class="member-panel mproperty inherited">
<h3>pointIndex</h3>
<div class="comment"><p>Gets or sets the data point index of the annotation.
Applies only when the <b>attachment</b> property is set to DataIndex.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</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="position" class="member-panel mproperty inherited">
<h3>position</h3>
<div class="comment"><p>Gets or sets the position of the annotation.
The position is relative to the <a href="topic/wijmo-wijmo.angular2.chart.annotation.WjFlexChartAnnotationRectangle.Class.html/#point"><span class="identifier">point</span></a>.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationPosition.Enum.html"><span class="identifier">AnnotationPosition</span></a></dd>
</dl>
</div>
<div id="seriesIndex" class="member-panel mproperty inherited">
<h3>seriesIndex</h3>
<div class="comment"><p>Gets or sets the data series index of the annotation.
Applies only when the <b>attachment</b> property is set to DataIndex.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</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="style" class="member-panel mproperty inherited">
<h3>style</h3>
<div class="comment"><p>Gets or sets the style of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Type</dt><dd><span class="identifier">any</span></dd>
</dl>
</div>
<div id="tooltip" class="member-panel mproperty inherited">
<h3>tooltip</h3>
<div class="comment"><p>Gets or sets the tooltip of the annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</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="width" class="member-panel mproperty inherited">
<h3>width</h3>
<div class="comment"><p>Gets or sets the width of the <a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</span></a> annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.Rectangle.Class.html"><span class="identifier">Rectangle</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="wjProperty" class="member-panel mproperty">
<h3>wjProperty</h3>
<div class="comment"><p>Gets or sets a name of a property that this component is assigned to. 
Default value is 'items'.</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="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="destroy" class="member-panel mmethod inherited">
<h3>destroy</h3>
<pre>destroy(): <span class="identifier">void</span></pre>
<div class="comment"><p>Destroy this annotation</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="render" class="member-panel mmethod inherited">
<h3>render</h3>
<pre>render(engine: <a href="topic/wijmo.chart.IRenderEngine.Interface.html"><span class="identifier">IRenderEngine</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Render this annotation.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>engine</b>: <a href="topic/wijmo.chart.IRenderEngine.Interface.html"><span class="identifier">IRenderEngine</span></a><br/><p>The engine to render annotation.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.annotation.AnnotationBase.Class.html"><span class="identifier">AnnotationBase</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
</div>
