Axes Rendering

By default, the RadarChart extracts all the axes from the dataProvider. However, it is possible to choose which axes to include using the axes property that can be customized through the following properties:

Property Description
name Specifies the field that apply to the axe in the dataprovider
label Specifies the name of the series displayed in the axe
max Specifies the maximal graduation shown on the axe
min Specifies the minimal graduation shown on the axe

The following example creates a simple RadarChart using the series controls:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:radarchart="fr.kapit.radarchart.*">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			
			[Bindable]
			private var myDataProvider:ArrayCollection = new ArrayCollection(
						[ 
					    {country:"France", value1:500, value2:203, value3:45, value4:1230, value5:0.3},
					    {country:"Germany", value1:400, value2:182, value3:60, value4:2520, value5:0.4},
					    {country:"Italy", value1:120, value2:56, value3:20, value4:120, value5:0.21},
						]);
		]]>
	</mx:Script>
	<radarchart:RadarChart id="myRadarChart" seriesField="country" dataProvider="{myDataProvider}" width="100%" height="80%">
		<radarchart:axes>
			<radarchart:RadarChartAxis id="axis1" name="value1" label="Axis N°1"/>
			<radarchart:RadarChartAxis id="axis2" name="value2" label="Axis N°2"/>
			<radarchart:RadarChartAxis id="axis3" name="value4" label="Axis N°3"/>
		</radarchart:axes>
	</radarchart:RadarChart>
</mx:Application>