Mega Code Archive

 
Categories / Flex / Chart
 

HLOCChart Demo

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">   <mx:Model id="financialModel">     <data>         <row>           <quarter>1</quarter>           <open>3</open>           <close>2</close>           <high>4</high>           <low>1</low>         </row>         <row>           <quarter>2</quarter>           <open>2</open>           <close>3</close>           <high>6</high>           <low>1</low>         </row>         <row>           <quarter>3</quarter>           <open>3</open>           <close>6</close>           <high>14</high>           <low>9</low>         </row>     </data>     </mx:Model>   <mx:ArrayCollection id="financialData" source="{financialModel.row}"/>     <mx:Panel title="HLOC Chart" height="100%" width="100%">       <mx:HLOCChart dataProvider="{financialData}" height="100%" width="100%">         <mx:horizontalAxis>           <mx:LinearAxis minimum="-1" maximum="3" interval="1"/>         </mx:horizontalAxis>         <mx:series>           <mx:HLOCSeries dataProvider="{financialData}" highField="high" lowField="low" openField="open" closeField="close">             <mx:stroke>               <mx:SolidColorStroke color="black" weight="3"/>             </mx:stroke>             <mx:openTickStroke>               <mx:SolidColorStroke color="black" weight="3"/>             </mx:openTickStroke>             <mx:closeTickStroke>               <mx:SolidColorStroke color="black" weight="3"/>             </mx:closeTickStroke>           </mx:HLOCSeries>         </mx:series>       </mx:HLOCChart>     </mx:Panel>    </mx:Application>