how to display interactive charts using flash builder -


hi have display dashboard using flash builder. may know examples.

thank you.

download the samples page:

http://www.adobe.com/devnet/flex/tourdeflex.html

or @ them online at: http://www.adobe.com/devnet-apps/flex/tourdeflex/web/

select data visualization on left, , @ chart samples.

also here: visit http://flex.amcharts.com

some of code looks this:

<fx:style>      @font-face      {         src: url("../assets/tahoma.ttf");         fontfamily: "tahoma";         embedascff: false;         unicode-range:             u+0020-u+0040, /* punctuation, numbers */             u+0041-u+005a, /* upper-case a-z */             u+005b-u+0060, /* punctuation , symbols */             u+0061-u+007a, /* lower-case a-z */             u+007b-u+007e; /* punctuation , symbols */                 }        .mytextstyle      {          font-family: tahoma;      }  </fx:style>   <fx:script>     <![cdata[         import mx.collections.arraycollection;         import flash.filters.dropshadowfilter;          [bindable]private var chartdata:array = [{country:"usa",visits:4252},{country:"china",visits:1882},{country:"japan",visits:1809},{country:"germany",visits:1322},{country:"uk",visits:1122},{country:"france",visits:1114},{country:"india",visits:984},{country:"spain",visits:711},{country:"netherlands",visits:665},{country:"russia",visits:580},{country:"south korea",visits:443},{country:"canada",visits:441},{country:"brazil",visits:395},{country:"italy",visits:386},{country:"australia",visits:384},{country:"taiwan",visits:338},{country:"poland",visits:328}];          [bindable]private var shadow:dropshadowfilter = new dropshadowfilter(2,45,0,0.5);      ]]> </fx:script> <s:hgroup width="100%" height="100%">     <amcharts:ampiechart         stylename="mytextstyle"         width="50%"         height="100%"         dataprovider="{chartdata}"         valuefield="visits"         titlefield="country"         angle="5"         depth3d="5"         innerradius="10"         grouppercent="3"         gradient="radial"         filters="{[shadow]}"         startduration="1.5"         startradius="100"         marginleft="0"         marginright="0"         labelwidth="100">          <amcharts:balloon>             <amcharts:amballoon cornerradius="10" borderthickness="2" bordercolor="#ffffff" borderalpha="1"/>                         </amcharts:balloon>      </amcharts:ampiechart>      <amcharts:amserialchart          stylename="mytextstyle"         width="50%"         height="100%"         dataprovider="{chartdata}"         categoryfield="country"         startduration="1"         angle="30"         depth3d="15">         <amcharts:categoryaxis>             <amcharts:categoryaxis gridcount="{chartdata.length}" labelrotation="90"/>         </amcharts:categoryaxis>         <amcharts:graphs>             <amcharts:amgraph balloontext="[[category]]: [[value]]" id="g0" valuefield="visits" type="column" linealpha="0" fillalphas="[0.8]"/>                                 </amcharts:graphs>         <amcharts:balloon>             <amcharts:amballoon cornerradius="10" borderthickness="2" bordercolor="#ffffff" borderalpha="1"/>                         </amcharts:balloon>             <amcharts:chartcursor>             <amcharts:chartcursor zoomable="false" cursoralpha="0" categoryballoonenabled="false"/>                             </amcharts:chartcursor>         </amcharts:amserialchart> </s:hgroup> 


Comments