The wj-flex-chart-annotation directive must be contained in a wijmo.angular.chart.annotation.WjFlexChartAnnotationLayer directive.

The wj-flex-chart-annotation directive is used to represent all types of possible annotation shapes like Circle, Rectangle, Polygon and so on. The type of annotation shape is specified in the directive's type attribute.

The directive supports the following attributes:

type

@ The class name of the annotation shape represented by the directive. The possible values are Circle, Ellipse, Image, Line, Polygon, Rectangle, Square, Text.

attachment

@ An AnnotationAttachment value defining the attachment of the annotation.

content

@ The text of the Circle, Ellipse, Image, Line, Polygon, Rectangle or Square annotation.

end

@ The end point of the Line annotation.

height

@ The height of the Ellipse, Image or Rectangle annotation.

href

@ The href of the Image annotation.

is-visible

@ The visibility of the annotation.

length

@ The length of the Square annotation.

name

@ The name of the annotation.

offset

@ The offset of the annotation.

point

@ The point of the annotation, the coordinate space of the point depends on the attachment property value. The property works for Circle, Ellipse, Image, Rectangle, Square and Text annotation.

point-index

@ The index of the data point in the specified series where the annotation is attached to.

position

@ An AnnotationPosition value defining the position of the annotation relative to the point.

radius

@ The radius of the Circle annotation.

series-index

@ The index of the data series where the annotation is attached to.

start

@ The start point of the Line annotation.

style

@ The style of the annotation.

text

@ The text of the Text annotation.

tooltip

@ The tooltip of the annotation.

width

@ The width of the Ellipse, Image or Rectangle annotation.