how do I bind data from database with stacked bar chart in flex

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
 
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			
			[Bindable] public var ac:ArrayCollection = new ArrayCollection();
			
			public var dataXML1:XML =
							<records>
								<record month="Jan" balanceAndheri="10000000.00" balanceColaba="15600000.00" balanceBandra="56000000.00" balanceVashi="581000000.00" balancePanvel="800000000.00" balanceMalad="68500000.00"/>
								<record month="Feb" balanceAndheri="56200000.00" balanceColaba="35800000.00" balanceBandra="46000000.00" balanceVashi="781000000.00" balancePanvel="95000000.00" balanceMalad="451500000.00"/>
								<record month="Mar" balanceAndheri="62000000.00" balanceColaba="82800000.00" balanceBandra="46000000.00" balanceVashi="241000000.00" balancePanvel="795000000.00" balanceMalad="651500000.00"/>
							</records>
			public var dataXML2:XML =
							<records>
								<record month="Apr" balanceAndheri="56200000.00" balanceColaba="35800000.00" balanceBandra="46000000.00" balanceVashi="781000000.00" balancePanvel="95000000.00" balanceMalad="451500000.00"/>
								<record month="May" balanceAndheri="62000000.00" balanceColaba="82800000.00" balanceBandra="46000000.00" balanceVashi="241000000.00" balancePanvel="795000000.00" balanceMalad="651500000.00"/>
								<record month="Jun" balanceAndheri="10000000.00" balanceColaba="15600000.00" balanceBandra="56000000.00" balanceVashi="581000000.00" balancePanvel="800000000.00" balanceMalad="68500000.00"/>
							</records>
							
			private function init():void
			{
				setData(dataXML1);
			}
			
			private function onButtonClick(event:Event):void
			{
				setData(dataXML2);
			}
 
			private function setData(dataXML:XML):void
			{
				ac.removeAll();
				var list:XMLList = dataXML.record;
				for each (var xml:XML in list)
				{
					var o:Object = new Object();
					o['month'] = xml.@month;
					o['balanceAndheri'] = xml.@balanceAndheri;
					o['balanceColaba'] = xml.@balanceColaba;
					o['balanceBandra'] = xml.@balanceBandra;
					o['balanceVashi'] = xml.@balanceVashi;
					o['balancePanvel'] = xml.@balancePanvel;
					o['balanceMalad'] = xml.@balanceMalad;
					ac.addItem(o);
				}
			}
			
		]]>
	</mx:Script>
 
	<mx:BarChart id="barchart1" dataProvider="{ac}" type="stacked" right="5" bottom="5" left="100" top="5">
		<mx:verticalAxis>
           <mx:CategoryAxis 
                dataProvider="{ac}" 
                categoryField="month"
           />
        </mx:verticalAxis>
		<mx:series>
			<mx:Array>
				<mx:BarSeries displayName="Andheri" xField="balanceAndheri" showDataEffect="morph"/>
				<mx:BarSeries displayName="Colaba" xField="balanceColaba" showDataEffect="morph"/>
				<mx:BarSeries displayName="Bandra" xField="balanceBandra" showDataEffect="morph"/>
				<mx:BarSeries displayName="Vashi" xField="balanceVashi" showDataEffect="morph"/>
				<mx:BarSeries displayName="Panvel" xField="balancePanvel" showDataEffect="morph"/>
				<mx:BarSeries displayName="Malad" xField="balanceMalad" showDataEffect="morph"/>
			</mx:Array>
		</mx:series>
	</mx:BarChart>
	<mx:Legend dataProvider="{barchart1}" top="5" left="5" width="90"/>
	<mx:Button x="10" y="314" label="Button" click="onButtonClick(event);"/>
	
</mx:Application>
                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75: