Packagecom.amcharts
Classpublic class AmRadarChart
InheritanceAmRadarChart Inheritance AmCoordinateChart Inheritance AmChart Inheritance mx.core.UIComponent

AmRadarChart class is used to create Radar or Polar charts.

View the examples.



Public Properties
 PropertyDefined by
 Inheritedballoon : AmBalloon
An instance of com.amcharts.AmBalloon.
AmChart
  categoryField : String
Category field name tells the chart the name of the field in your dataProvider object which will be used for axis labels.
AmRadarChart
 InheritedchartType : String
returns chart type (serial, xy, or radar).
AmCoordinateChart
 InheritedclipContent : Boolean
Specifies if the chart contents which goes outside the chart area should be clipped or not.
AmChart
 InheriteddataProvider : Object
Specifies the data provider for the chart.
AmChart
 Inheritedgraphs : Array
The array of graphs belonging to this chart.
AmCoordinateChart
 Inheritedlegend : AmLegend
Chart legend.
AmChart
 InheritednumberFormatter : NumberFormatter
An instance of mx.formatters.NumberFormatter.
AmChart
 InheritedpercentFormatter : NumberFormatter
An instance of mx.formatters.NumberFormatter.
AmChart
 InheritedprefixesOfBigNumbers : Array
Array of objects with prefixes for big numbers.
AmChart
 InheritedprefixesOfSmallNumbers : Array
Array of objects with prefixes for small numbers.
AmChart
  radarRadius : Number
[read-only] Returns radius of the radar, in pixels.
AmRadarChart
 InheritedurlTarget : String
The target of the url.
AmCoordinateChart
 InheritedusePrefixes : Boolean
If true, prefixes will be used for big and small numbers.
AmChart
 InheritedvalueAxes : Array
The array of value axes.
AmCoordinateChart
Public Methods
 MethodDefined by
  
Constructor.
AmRadarChart
 Inherited
Adds a graph (series) to the chart.
AmCoordinateChart
 Inherited
Adds value axis to the chart.
AmCoordinateChart
 Inherited
animateAgain():void
The animation is played only once or if you change the animation styles.
AmCoordinateChart
 Inherited
getGraphById(id:String):AmGraph
Returns graph by id.
AmCoordinateChart
 Inherited
Returns value Axis by id.
AmCoordinateChart
 Inherited
hideGraph(graph:AmGraph):void
Hide the graph (if it is visible).
AmCoordinateChart
 Inherited
Hide value balloon of a graph.
AmCoordinateChart
 Inherited
highlightGraph(graph:AmGraph):void
Highlight the graph.
AmCoordinateChart
 Inherited
In case data inside your dataProvider was changed, you can call this method to rebuild the chart.
AmChart
 Inherited
removeGraph(graph:AmGraph):void
Removes graph from the chart.
AmCoordinateChart
 Inherited
removeValueAxis(valueAxis:ValueAxis):void
Removes value axis from the chart.
AmCoordinateChart
 Inherited
showGraph(graph:AmGraph):void
Show the graph (if it is hidden).
AmCoordinateChart
 Inherited
Show value balloon of a graph.
AmCoordinateChart
 Inherited
UnhighlightGraph the graph.
AmCoordinateChart
Events
 EventSummaryDefined by
 Inherited Dispatched when the user clicks on a data item (column/bullet).AmCoordinateChart
 Inherited Dispatched when the chart was updated with new data, when dataProvider or data inside dataProvider was changed.AmChart
 Inherited Dispatched when the user double clicks on a data item (column/bullet).AmCoordinateChart
 Inherited Dispatched when the user rolls out of the data item (column/bullet).AmCoordinateChart
 Inherited Dispatched when the user rolls over data item (column/bullet).AmCoordinateChart
Styles
 StyleDescriptionDefined by
 Inherited Type: uint   Format: Color   CSS Inheritance: yes
Color of text in the component, including the component label.
AmChart
 Inherited Type: Array   Format: Color   CSS Inheritance: no
Specifies the colors of the graphs if the color is not set.
AmCoordinateChart
 Inherited Type: uint   Format: Color   CSS Inheritance: yes
Color of text in the component if it is disabled.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Sets the antiAliasType property of internal TextFields.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Name of the font to use.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Sets the gridFitType property of internal TextFields that represent text in Flex controls.
AmChart
 Inherited Type: Number   CSS Inheritance: yes
Sets the sharpness property of internal TextFields that represent text in Flex controls.
AmChart
 Inherited Type: Number   Format: Length   CSS Inheritance: yes
Height of the text, in pixels.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Determines whether the text is italic font.
AmChart
 Inherited Type: Number   CSS Inheritance: yes
Sets the thickness property of internal TextFields that represent text in Flex controls.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Determines whether the text is boldface.
AmChart
 Inherited Type: Boolean   CSS Inheritance: yes
A Boolean value that indicates whether kerning is enabled (true) or disabled (false).
AmChart
 Inherited Type: Number   CSS Inheritance: yes
The number of additional pixels to appear between each character.
AmChart
 Inherited Type: Number   CSS Inheritance: no
The opacity of plot area's border.
AmCoordinateChart
 Inherited Type: uint   Format: Color   CSS Inheritance: no
The color of the plot area's border.
AmCoordinateChart
 Inherited Type: Array   CSS Inheritance: no
Specifies the alphas used to tint the background gradient fill of the plot area.
AmCoordinateChart
 Inherited Type: Array   Format: Color   CSS Inheritance: no
Specifies the colors used to tint the background gradient fill of the plot area.
AmCoordinateChart
  
radius
Type: String   CSS Inheritance: no
Radius of the radar, in pixels or percents. By default, radius is calculated automatically. The default value is 35%.
AmRadarChart
 Inherited Type: Boolean   CSS Inheritance: no
Specifies whether the animation should be sequenced or all objects should appear at once.
AmCoordinateChart
 Inherited Type: Number   CSS Inheritance: no
The initial opacity of the column/line.
AmCoordinateChart
 Inherited Type: Number   CSS Inheritance: no
Duration of the animation, in seconds.
AmCoordinateChart
 Inherited Type: Function   CSS Inheritance: no
Animation effect.
AmCoordinateChart
 Inherited Type: String   CSS Inheritance: no
Direction from which line graphs should fly-in.
AmCoordinateChart
 Inherited Type: String   CSS Inheritance: yes
Alignment of text within a container.
AmChart
 Inherited Type: String   CSS Inheritance: yes
Determines whether the text is underlined.
AmChart
 Inherited Type: Number   Format: Length   CSS Inheritance: yes
Offset of first line of text from the left side of the container, in pixels.
AmChart
Property detail
categoryFieldproperty
categoryField:String  [read-write]

Category field name tells the chart the name of the field in your dataProvider object which will be used for axis labels.

Implementation
    public function get categoryField():String
    public function set categoryField(value:String):void
radarRadiusproperty 
radarRadius:Number  [read-only]

Returns radius of the radar, in pixels.

Implementation
    public function get radarRadius():Number
Constructor detail
AmRadarChart()constructor
public function AmRadarChart()

Constructor.

Examples
radarChart
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="absolute"
                backgroundColor="#FFFFFF"
                xmlns:amcharts="http://www.amcharts.com/com_internal"    
                width="100%"
                height="100%" viewSourceURL="srcview/index.html">
    <mx:Script>
        <![CDATA[
            
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var chartData:ArrayCollection = new ArrayCollection([
                {country:"Sales", income:20, expenses:18},  
                {country:"Development", income:15, expenses:13},
                {country:"Marketing", income:12, expenses:16},  
                {country:"Customer support", income:18, expenses:15},  
                {country:"Administration", income:11, expenses:5},  
                {country:"Information technology", income:19, expenses:13}]); 
        ]]>
    </mx:Script>
    
    <mx:VBox width="100%" height="100%">        
        
        <amcharts:AmRadarChart id="chart" dataProvider="{chartData}" categoryField="country" width="100%" height="100%" startDuration="1">
            <amcharts:valueAxes>
                <amcharts:ValueAxis fillAlpha="0.05" fillColor="0x000000" axisAlpha="0.3" gridAlpha="0.05" fontWeight="bold" min="0"/>
            </amcharts:valueAxes>
            
            <amcharts:graphs>
                <amcharts:AmGraph 
                    title="Income" 
                    valueField="income" 
                    bullet="round" 
                    balloonText="Income: [[value]]"/>                
                <amcharts:AmGraph 
                    title="Expenses" 
                    valueField="expenses" 
                    bullet="square"
                    markerType="square" 
                    balloonText="Expenses: [[value]]"/>                
            </amcharts:graphs>    
            
        </amcharts:AmRadarChart>
        
        <amcharts:AmLegend fontSize="14" markerType="circle" dataProvider=" {chart}" align="center" textClickEnabled="false" width="100%"/>            
        
    </mx:VBox>
</mx:Application>
polarChart
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="absolute"
                backgroundColor="#FFFFFF"
                xmlns:amcharts="http://www.amcharts.com/com_internal"
                width="100%"
                height="100%" viewSourceURL="srcview/index.html">
    <mx:Script>
        <![CDATA[
            
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var chartData:ArrayCollection = new ArrayCollection([
                {direction:"N", value:8},  
                {direction:"NE", value:9},
                {direction:"E", value:4.5},  
                {direction:"SE", value:3.5},  
                {direction:"S", value:9.2},  
                {direction:"SW", value:8.4},
                {direction:"W", value:11.1},
                {direction:"NW", value:10}]); 
        ]]>
    </mx:Script>
    
    <mx:VBox width="100%" height="100%">        
        
        <amcharts:AmRadarChart id="chart" dataProvider="{chartData}" categoryField="direction" width="100%" height="100%" startDuration="1">
            <amcharts:valueAxes>
                <amcharts:ValueAxis 
                    gridType="circles" 
                    fillAlpha="0.05" 
                    fillColor="0x000000" 
                    axisAlpha="0.2" 
                    gridAlpha="0" 
                    fontWeight="bold" 
                    min="0">
                    <amcharts:guides>
                        <amcharts:Guide angle="225" tickLength="0" toAngle="315" value="0" toValue="14" fillColor="0x0066CC" fillAlpha="0.6"/>                                
                        <amcharts:Guide angle="45" tickLength="0" toAngle="135" value="0" toValue="14" fillColor="0xCC3333" fillAlpha="0.6"/>                            
                    </amcharts:guides>
                </amcharts:ValueAxis>
            </amcharts:valueAxes>
            
            <amcharts:graphs>
                <amcharts:AmGraph 
                    lineColor="0xFFCC00"
                    fillAlphas="[0.4]" 
                    bullet="round" 
                    valueField="value"
                    balloonText="[[direction]]: [[value]] m/s"/>                
            </amcharts:graphs>    
            
        </amcharts:AmRadarChart>
    </mx:VBox>
</mx:Application>