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.
= 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.
AngularJS directive for the FlexRadar control.
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:
@
The name of the property that contains Y values for the chart. You can override this at the series level.@
The name of the property that contains X values for the chart. You can override this at the series level.@
The default chart type to use in rendering series objects. You can override this at the series level. See RadarChartType.=
A reference to the FlexRadar control that this directive creates.@
The text to display in the chart footer (plain text).=
The style to apply to the chart footer.@
The text to display in the chart header (plain text).=
The style to apply to the chart header.&
This event occurs after the binding has finished initializing the control with attribute values.=
A value indicating whether the binding has finished initializing the control with attribute values.@
The value indicating whether to interpolate or leave gaps when there are null values in the data.=
The formatter function that customizes the appearance of data points.=
An array or ICollectionView object that contains the data used to create the chart.@
The value indicating whether clicking legend items toggles series visibility.=
Chart FlexChart.options that only apply to certain chart types.=
An array that contains the default colors used for displaying each series.=
The number of pixels of space to leave between the edges of the control and the plot area, or CSS-style margins.@
The Stacking value indicating whether or how series objects are stacked or plotted independently.@
The FlexRadar.reversed value indicating whether angles are reversed (counter-clockwise).@
The FlexRadar.startAngle value indicating the starting angle for the radar in degrees.@
The FlexRadar.totalAngle value indicating the total angle for the radar in degrees.@
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.@
The value to display in the ChartTooltip content property.&
The FlexRadar.rendering event handler.&
The FlexRadar.rendered event handler.&
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.