Use the wj-flex-radar directive to add radar charts to your AngularJS applications. Note that directive and parameter names must be formatted using lower-case letters with dashes instead of camel case.

The wj-flex-radar directive supports the following attributes:

binding

@ The name of the property that contains Y values for the chart. You can override this at the series level.

binding-x

@ The name of the property that contains X values for the chart. You can override this at the series level.

chart-type

@ The default chart type to use in rendering series objects. You can override this at the series level. See RadarChartType.

control

= A reference to the FlexRadar control that this directive creates.

footer

@ The text to display in the chart footer (plain text).

footer-style

= The style to apply to the chart footer.

header

@ The text to display in the chart header (plain text).

header-style

= The style to apply to the chart header.

initialized

& This event occurs after the binding has finished initializing the control with attribute values.

is-initialized

= A value indicating whether the binding has finished initializing the control with attribute values.

interpolate-nulls

@ The value indicating whether to interpolate or leave gaps when there are null values in the data.

item-formatter

= The formatter function that customizes the appearance of data points.

items-source

= An array or ICollectionView object that contains the data used to create the chart.

legend-toggle

@ The value indicating whether clicking legend items toggles series visibility.

options

= Chart FlexChart.options that only apply to certain chart types.

palette

= An array that contains the default colors used for displaying each series.

plot-margin

= The number of pixels of space to leave between the edges of the control and the plot area, or CSS-style margins.

stacking

@ The Stacking value indicating whether or how series objects are stacked or plotted independently.

reversed

@ The FlexRadar.reversed value indicating whether angles are reversed (counter-clockwise).

startAngle

@ The FlexRadar.startAngle value indicating the starting angle for the radar in degrees.

totalAngle

@ The FlexRadar.totalAngle value indicating the total angle for the radar in degrees.

symbol-size

@ The size of the symbols used to render data points in Scatter, LineSymbols, and SplineSymbols charts, in pixels. You can override this at the series level.

tooltip-content

@ The value to display in the ChartTooltip content property.

rendering

& The FlexRadar.rendering event handler.

rendered

& The FlexRadar.rendered event handler.

series-visibility-changed

& The FlexRadar.seriesVisibilityChanged event handler.

The wj-flex-radar directive may contain the following child directives: wijmo.angular.chart.WjFlexChartAxis, wijmo.angular.chart.radar.WjFlexRadarSeries, wijmo.angular.chart.WjFlexChartLegend and wijmo.angular.chart.WjFlexChartDataLabel.