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
Post a Comment