Mega Code Archive

 
Categories / Flex / Chart
 

Setup CandlestickChart

<?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <mx:Script>     [Bindable]     public var myData:Array = [         {date: "1-Aug-10", open: 42.57, high: 43.08, low: 42.08, close: 42.75},         {date: "11-Aug-10", open: 43.39, high: 44.12, low: 43.25, close: 44},         {date: "12-Aug-10", open: 43.46, high: 46.22, low: 43.36, close: 46.1},         ];     public var myData2:Array = [         {date: "11-Aug-10", open: 43.39, high: 44.12, low: 43.25, close: 44},         {date: "1-Aug-10", open: 42.57, high: 43.08, low: 42.08, close: 42.75},         {date: "12-Aug-10", open: 43.46, high: 46.22, low: 43.36, close: 46.1},         ];     public var myData3:Array = [         {date: "12-Aug-10", open: 43.46, high: 46.22, low: 43.36, close: 46.1},         {date: "11-Aug-10", open: 43.39, high: 44.12, low: 43.25, close: 44},         {date: "1-Aug-10", open: 42.57, high: 43.08, low: 42.08, close: 42.75},         ];   </mx:Script>     <mx:CandlestickChart id="mychart" dataProvider="{myData}" showDataTips="true" height="400" width="400">         <mx:series>             <mx:CandlestickSeries dataProvider="{myData}"                                    openField="open"                                                    highField="high"                                    lowField="low"                                    closeField="close"                                                   displayName="My Data"/>             <mx:CandlestickSeries dataProvider="{myData2}"                                    openField="open"                                                    highField="high"                                    lowField="low"                                    closeField="close"                                                   displayName="My Data2"/>             <mx:CandlestickSeries dataProvider="{myData3}"                                    openField="open"                                                    highField="high"                                    lowField="low"                                    closeField="close"                                                   displayName="My Data3"/>             </mx:series>         <mx:horizontalAxis>             <mx:CategoryAxis categoryField="date" title="Date"/>         </mx:horizontalAxis>         <mx:horizontalAxisRenderer>             <mx:AxisRenderer canDropLabels="true"/>         </mx:horizontalAxisRenderer>     </mx:CandlestickChart>     <mx:Legend dataProvider="{mychart}" direction="horizontal"/> </mx:Application>