Use of flex radar chart radarchart

Today, I found a lot of radar chart materials on the Internet, and the results were useless. NoCodeIncomplete, that is, the version is not supported. The following describes the materials I found.

 

Http://flex.amcharts.com/the radar map of this website effect is very dazzling, although it is free, but will add the link of this website, search for the crack can find the link to crack, the specific operation is as follows.

 

1. Download the free graphics resources from the http://flex.amcharts.com/website. My example is amcharts_flex_components_1.8.3.1.zip.

2. decompress the package and find amchartsfb4.swc in the documentation \ build folder (my Flex uses version 4.1)

3. Copy amchartsfb4.swc to the libs folder of the project.

4. Create a folder class under flex SRC to store the ActionScript class files.

5. Create an ActionScript class in the class folder.Amradarchart

 

Package class
{
Import Com. amcharts. amradarchart;

Public Class Amradarchart Extends Com. amcharts. amradarchart
{
Public Function Amradarchart ()
{
Super ();
}
Public Function Onclick (): void {
This;
}
Override protected Function Createchildren (): void {
Super . Createchildren ();
If (_ Amchartslink ){
_ Amchartslink. Visible = False ;
}

}
}
}

6. Define the front-end display mxml ApplicationProgramThe Code is as follows:

 

View code

<? XML version = "1.0" encoding = "UTF-8"?>
<S: Application xmlns: FX = "http://ns.adobe.com/mxml/2009"
Xmlns: S = "Library: // ns.adobe.com/flex/spark"
Xmlns: MX = "Library: // ns.adobe.com/flex/mx" minwidth = "955" minheight = "600"
Xmlns: class = "class. *" xmlns: amcharts = "http://www.amcharts.com/com_internal">
<S: layout>
<S: basiclayout/>
</S: layout>
<FX: declarations>
<! -- Place non-visual elements (such as services and value objects) Here -->
</FX: declarations>
<FX: SCRIPT>
<! [CDATA [
Import MX. Collections. arraycollection;

[Bindable]
Private VaR Chartdata: arraycollection = new arraycollection ([
{Name: "sales", insum: 20, transactionnumber: 18, salesamount: 20, unitareaattraction: 7, salesperunitarea: 39, conversionrate: 45 },
{Name: "Development", insum: 15, transactionnumber: 13, salesamount: 20, unitareaattraction: 18, salesperunitarea: 22, conversionrate: 4 },
{Name: "marketing", insum: 12, transactionnumber: 16, salesamount: 20, unitareaattraction: 8, salesperunitarea: 38, conversionrate: 15 },
{Name: "customer support", insum: 18, transactionnumber: 15, salesamount: 10, unitareaattraction: 18, salesperunitarea: 32, conversionrate: 35 },
{Name: "Administration", insum: 11, transactionnumber: 5, salesamount: 20, unitareaattraction: 17, salesperunitarea: 12, conversionrate: 25 },
{Name: "Information Technology", insum: 19, transactionnumber: 13, salesamount: 20, unitareaattraction: 18, salesperunitarea: 2, conversionrate: 8}]);

]>
</FX: SCRIPT>

<Class: amradarchart id = "chart" dataprovider = "{chartdata}" categoryfield = "name" width = "100%" Height = "235" startduration = "1">
<Class: valueaxes>
<Amcharts: valueaxis fillalpha = "0.05" fillcolor = "0x000000" axisalpha = "0.3" gridalpha = "0.05" fontweight = "bold" min = "0"/>
</Class: valueaxes>
<Class: graphs>

<Amcharts: amgraph

Title = "passenger flow"

Valuefield = "insum"

Bullet = "bubble"

Balloontext = "Passenger Flow: [value]"/>

<Amcharts: amgraph

Title = "number of transactions"

Valuefield = "transactionnumber"

Bullet = "round"

Markertype = "square"

Balloontext = "number of transactions: [[value]"/>

<Amcharts: amgraph

Title = "sales"

Valuefield = "salesamount"

Bullet = "square"

Balloontext = "sales: [value]"/>

<Amcharts: amgraph

Title = "customer benefits"

Valuefield = "unitareaattraction"

Bullet = "Custom"

Markertype = "square"

Balloontext = "customer ability: [[value]"/>

<Amcharts: amgraph

Title = "pingxiao"

Valuefield = "salesperunitarea"

Bullet = "triangledown"

Balloontext = "pingxiao: [[value]"/>

<Amcharts: amgraph

Title = "bag-lifting rate"

Valuefield = "conversionrate"

Bullet = "triangleup"

Markertype = "square"

Balloontext = "bag-lifting rate: [[value]"/>

</Class: graphs>



</Class: amradarchart>

<Amcharts: amlegend fontsize = "12" markertype = "triangledown" dataprovider = "{chart}" align = "Left" textclickenabled = "false" width = "100%" borderalpha = "1.0"/>

</S: Application>

 

Link: http://www.cnblogs.com/wyqx/archive/2011/07/29/2120690.html