flex4柱状图使用(官方例子)

<?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" creationComplete="application1_creationCompleteHandler(event)"><s:layout><s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/></s:layout><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --><s:SolidColor id="s1" color="0x00ff00" /><s:SolidColorStroke id="st1" color="0x00ff00" weight="2" /></fx:Declarations><fx:Script><![CDATA[import mx.collections.ArrayCollection;import mx.events.FlexEvent;[Bindable]private var dp:ArrayCollection = new ArrayCollection([{c:"USA",sum:38},{c:"CHN",sum:40},{c:"JP",sum:20},{c:"KER",sum:24},{c:"UK",sum:35},{c:"RUS",sum:36}]);var timer:Timer = new Timer(2000);protected function application1_creationCompleteHandler(event:FlexEvent):void{timer.addEventListener(TimerEvent.TIMER,timerHandler);timer.start();}private function timerHandler(event:TimerEvent):void{for (var i:int=0; i < dp.length; i++){dp[i].sum=dp[i].sum + int(Math.random() * 10);}dp.refresh();}]]></fx:Script><mx:ColumnChart id="columnchart" dataProvider="{dp}" width="600" height="400" type="clustered" showDataTips="true"><mx:horizontalAxis><mx:CategoryAxis categoryField="c" /></mx:horizontalAxis><mx:series><mx:ColumnSeries yField="sum" xField="c" fill="{s1}" stroke="{st1}" /></mx:series></mx:ColumnChart><mx:Legend dataProvider="{columnchart}" /></s:Application>