Candle Stick Chart in Flex

Creat a New mxml file:

candleStickChart.mxml

<?xml version=”1.0″ encoding=”iso-8859-1″?> <mx:Application xmlns:mx=” http://www.adobe.com/2006/mxml “> <mx:Script> <![CDATA[ [Bindable] public var aapl:Array = [ {date: “1-Aug-05″, open: 42.57, high: 43.08, low: 42.08, close: 42.75}, {date: “2-Aug-05″, open: 42.89, high: 43.5, low: 42.61, close: 43.19}, {date: “3-Aug-05″, open: 43.19, high: 43.31, low: 42.77, close: 43.22}, {date: “4-Aug-05″, open: 42.89, high: 43, low: 42.29, close: 42.71}, {date: “5-Aug-05″, open: 42.49, high: 43.36, low: 42.02, close: 42.99}, {date: “8-Aug-05″, open: 43, high: 43.25, low: 42.61, close: 42.65}, {date: “9-Aug-05″, open: 21.93, high: 21.89, low: 11.91, close: 43.82}, {date: “10-Aug-05″, open: 44, high: 44.39, low: 43.31, close: 43.38}, {date: “11-Aug-05″, open: 43.39, high: 44.12, low: 43.25, close: 44}, {date: “12-Aug-05″, open: 43.46, high: 46.22, low: 43.36, close: 46.1}]; ]]> </mx:Script> <mx:CandlestickChart id=”mychart” dataProvider=”{aapl}” showDataTips=”true” height=”400″ width=”400″> <mx:series> <mx:CandlestickSeries dataProvider=”{aapl}” openField=”open” highField=”high” lowField=”low” closeField=”close” displayName=”Candle chart”> <mx:stroke> <mx:Stroke weight=”1″/> </mx:stroke> </mx:CandlestickSeries> </mx:series> </mx:CandlestickChart> <mx:Legend dataProvider=”{mychart}”/> </mx:Application>