# Wijmo_Angular_Chart_Annotation.Wjflexchartannotation

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjFlexChartAnnotation Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the annotations.</p>
								</div>
								<p>The <b>wj-flex-chart-annotation</b> directive must be contained in a
								<a href="wijmo_angular_chart_annotation.wjflexchartannotationlayer.html">wijmo.angular.chart.annotation.WjFlexChartAnnotationLayer</a> directive.</p>
								<p>The <b>wj-flex-chart-annotation</b> directive is used to represent all types of
									possible annotation shapes like <b>Circle</b>, <b>Rectangle</b>, <b>Polygon</b>
									and so on. The type of annotation shape is specified
								in the directive's <b>type</b> attribute.</p>
								<p>The directive supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>type</dt>                  <dd><code>@</code> The class name of the annotation shape represented by the directive.
										The possible values are <a href="wijmo_chart_annotation.circle.html">Circle</a>, <a href="wijmo_chart_annotation.ellipse.html">Ellipse</a>, <a href="wijmo_chart_annotation.image.html">Image</a>, <a href="../enums/wijmo_chart.charttype.html#line">Line</a>, <a href="wijmo_chart_annotation.polygon.html">Polygon</a>,
									<a href="wijmo_chart_annotation.rectangle.html">Rectangle</a>, <a href="wijmo_chart_annotation.square.html">Square</a>, <a href="../enums/wijmo_grid_filter.valuefiltersearchkind.html#text">Text</a>.</dd>
									<dt>attachment</dt>            <dd><code>@</code> An <a href="../enums/wijmo_chart_annotation.annotationattachment.html">AnnotationAttachment</a> value defining the attachment of the annotation.
									</dd>
									<dt>content</dt>               <dd><code>@</code> The text of the <b>Circle</b>, <b>Ellipse</b>, <b>Image</b>, <b>Line</b>,
									<b>Polygon</b>, <b>Rectangle</b> or <b>Square</b> annotation.</dd>
									<dt>end</dt>                   <dd><code>@</code> The end point of the <b>Line</b> annotation.</dd>
									<dt>height</dt>                <dd><code>@</code> The height of the <b>Ellipse</b>, <b>Image</b> or <b>Rectangle</b> annotation.</dd>
									<dt>href</dt>                  <dd><code>@</code> The href of the <b>Image</b> annotation.</dd>
									<dt>is-visible</dt>             <dd><code>@</code> The visibility of the annotation.</dd>
									<dt>length</dt>                <dd><code>@</code> The length of the <b>Square</b> annotation.</dd>
									<dt>name</dt>                  <dd><code>@</code> The name of the annotation.</dd>
									<dt>offset</dt>                <dd><code>@</code> The offset of the annotation.</dd>
									<dt>point</dt>                 <dd><code>@</code> The point of the annotation, the coordinate space of the point depends on the <b>attachment</b>  property value.
										The property works for <b>Circle</b>, <b>Ellipse</b>, <b>Image</b>, <b>Rectangle</b>, <b>Square</b>
									and <b>Text</b> annotation.</dd>
									<dt>point-index</dt>           <dd><code>@</code> The index of the data point in the specified series where the annotation is attached to.</dd>
									<dt>position</dt>              <dd><code>@</code> An <a href="../enums/wijmo_chart_annotation.annotationposition.html">AnnotationPosition</a> value defining the position of the annotation
									relative to the <b>point</b>.</dd>
									<dt>radius</dt>                <dd><code>@</code> The radius of the <b>Circle</b> annotation.</dd>
									<dt>series-index</dt>          <dd><code>@</code> The index of the data series where the annotation is attached to.</dd>
									<dt>start</dt>                 <dd><code>@</code> The start point of the <b>Line</b> annotation.</dd>
									<dt>style</dt>                 <dd><code>@</code> The style of the annotation.</dd>
									<dt>text</dt>                  <dd><code>@</code> The text of the <b>Text</b> annotation.</dd>
									<dt>tooltip</dt>               <dd><code>@</code> The tooltip of the annotation.</dd>
									<dt>width</dt>                 <dd><code>@</code> The width of the <b>Ellipse</b>, <b>Image</b> or <b>Rectangle</b> annotation.</dd>
								</dl>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartAnnotation</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>