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>