# Wijmo_Angular2_Chart_Annotation.Wjflexchartannotationellipse

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjFlexChartAnnotationEllipse Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Angular 2 component for the <a href="wijmo_chart_annotation.ellipse.html">wijmo.chart.annotation.Ellipse</a> class.</p>
								</div>
								<p>The <b>wj-flex-chart-annotation-ellipse</b> component must be
								contained in a <a href="wijmo_angular2_chart_annotation.wjflexchartannotationlayer.html">wijmo.angular2.chart.annotation.WjFlexChartAnnotationLayer</a> component.</p>
								<p>Use the <b>wj-flex-chart-annotation-ellipse</b> component to add <b>Ellipse</b> controls to your
									Angular 2 applications. For details about Angular 2 markup syntax, see
								<a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.</p>
								<p>The <b>WjFlexChartAnnotationEllipse</b> component is derived from the <b>Ellipse</b> class and
								inherits all its properties, events and methods.</p>
								<p>The <b>wj-flex-chart-annotation-ellipse</b> component may contain a <a href="wijmo_angular2_chart.wjflexchartdatapoint.html">wijmo.angular2.chart.WjFlexChartDataPoint</a> child component.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_chart_annotation.ellipse.html" class="tsd-signature-type">Ellipse</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartAnnotationEllipse</span>
										</li>
									</ul>
								</li>
							</ul>
						</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#attachment" class="tsd-kind-icon">attachment</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#content" class="tsd-kind-icon">content</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#height" class="tsd-kind-icon">height</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#initialized" class="tsd-kind-icon">initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#isinitialized" class="tsd-kind-icon">is<wbr>Initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#isvisible" class="tsd-kind-icon">is<wbr>Visible</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#name" class="tsd-kind-icon">name</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#offset" class="tsd-kind-icon">offset</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#point" class="tsd-kind-icon">point</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#pointindex" class="tsd-kind-icon">point<wbr>Index</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#position" class="tsd-kind-icon">position</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#seriesindex" class="tsd-kind-icon">series<wbr>Index</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#style" class="tsd-kind-icon">style</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#tooltip" class="tsd-kind-icon">tooltip</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#width" class="tsd-kind-icon">width</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#wjproperty" class="tsd-kind-icon">wj<wbr>Property</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>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#created" class="tsd-kind-icon">created</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#destroy" class="tsd-kind-icon">destroy</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#render" class="tsd-kind-icon">render</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Properties</h2>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="attachment" class="tsd-anchor"></a>
								<h3>attachment</h3>
								<div class="tsd-signature tsd-kind-icon">attachment<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart_annotation.annotationattachment.html" class="tsd-signature-type">AnnotationAttachment</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#attachment">attachment</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the attachment of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="content" class="tsd-anchor"></a>
								<h3>content</h3>
								<div class="tsd-signature tsd-kind-icon">content<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.shape.html">Shape</a>.<a href="wijmo_chart_annotation.shape.html#content">content</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the text of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="height" class="tsd-anchor"></a>
								<h3>height</h3>
								<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.ellipse.html">Ellipse</a>.<a href="wijmo_chart_annotation.ellipse.html#height">height</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the height of the <a href="wijmo_chart_annotation.ellipse.html">Ellipse</a> annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="initialized" class="tsd-anchor"></a>
								<h3>initialized</h3>
								<div class="tsd-signature tsd-kind-icon">initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<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>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="isinitialized" class="tsd-anchor"></a>
								<h3>isInitialized</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<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>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="isvisible" class="tsd-anchor"></a>
								<h3>isVisible</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Visible<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#isvisible">isVisible</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the visibility of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="name" class="tsd-anchor"></a>
								<h3>name</h3>
								<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#name">name</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the name of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="offset" class="tsd-anchor"></a>
								<h3>offset</h3>
								<div class="tsd-signature tsd-kind-icon">offset<span class="tsd-signature-symbol">:</span> <a href="wijmo.point.html" class="tsd-signature-type">Point</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#offset">offset</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the offset of the annotation from the <a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#point">point</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="point" class="tsd-anchor"></a>
								<h3>point</h3>
								<div class="tsd-signature tsd-kind-icon">point<span class="tsd-signature-symbol">:</span> <a href="wijmo_chart.datapoint.html" class="tsd-signature-type">DataPoint</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#point">point</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the point of the annotation.
											The coordinates of points depends on the <a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#attachment">attachment</a> property.
										See <a href="../enums/wijmo_chart_annotation.annotationattachment.html">AnnotationAttachment</a> for further description.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="pointindex" class="tsd-anchor"></a>
								<h3>pointIndex</h3>
								<div class="tsd-signature tsd-kind-icon">point<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#pointindex">pointIndex</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<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>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="position" class="tsd-anchor"></a>
								<h3>position</h3>
								<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart_annotation.annotationposition.html" class="tsd-signature-type">AnnotationPosition</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#position">position</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the position of the annotation.
										The position is relative to the <a href="wijmo_angular2_chart_annotation.wjflexchartannotationellipse.html#point">point</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="seriesindex" class="tsd-anchor"></a>
								<h3>seriesIndex</h3>
								<div class="tsd-signature tsd-kind-icon">series<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#seriesindex">seriesIndex</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<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>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="style" class="tsd-anchor"></a>
								<h3>style</h3>
								<div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#style">style</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the style of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="tooltip" class="tsd-anchor"></a>
								<h3>tooltip</h3>
								<div class="tsd-signature tsd-kind-icon">tooltip<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#tooltip">tooltip</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the tooltip of the annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="width" class="tsd-anchor"></a>
								<h3>width</h3>
								<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_annotation.ellipse.html">Ellipse</a>.<a href="wijmo_chart_annotation.ellipse.html#width">width</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the width of the <a href="wijmo_chart_annotation.ellipse.html">Ellipse</a> annotation.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="wjproperty" class="tsd-anchor"></a>
								<h3>wjProperty</h3>
								<div class="tsd-signature tsd-kind-icon">wj<wbr>Property<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a name of a property that this component is assigned to.
										Default value is 'items'.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="created" class="tsd-anchor"></a>
								<h3>created</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">created<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<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>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
								<a name="destroy" class="tsd-anchor"></a>
								<h3>destroy</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<li class="tsd-signature tsd-kind-icon">destroy<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
											<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#destroy">destroy</a></p>
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Destroy this annotation</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
								<a name="render" class="tsd-anchor"></a>
								<h3>render</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>engine<span class="tsd-signature-symbol">: </span><a href="../interfaces/wijmo_chart.irenderengine.html" class="tsd-signature-type">IRenderEngine</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
											<p>Inherited from <a href="wijmo_chart_annotation.annotationbase.html">AnnotationBase</a>.<a href="wijmo_chart_annotation.annotationbase.html#render">render</a></p>
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Render this annotation.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>engine: <a href="../interfaces/wijmo_chart.irenderengine.html" class="tsd-signature-type">IRenderEngine</a></h5>
												<div class="tsd-comment">
													<p>The engine to render annotation.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>