1 Reply Latest reply on Jul 8, 2011 7:01 AM by _spoboyle

    CategoryAxis

    bindu84

      how to show tooltip on title of CategoryAxis in chart .

       

       

      I need to show tooltip on title of

      CategoryAxis

        • 1. Re: CategoryAxis
          _spoboyle Level 4

          you add tooltips in the AxisRenderers

           

          example modifies from livedocs CategoryAxis example

           

          modified code:

          <mx:horizontalAxisRenderers>
               <mx:AxisRenderer axis="{haxis}" canDropLabels="true" toolTip="helloWorld"/>
          </mx:horizontalAxisRenderers>
          

           

          whole example:

          <?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">
               
               <fx:Declarations>
                    <!-- Place non-visual elements (e.g., services, value objects) here -->
               </fx:Declarations>
               
               <fx:Script>
                    <![CDATA[          
                         import mx.collections.ArrayCollection;
                         
                         [Bindable]
                         private var stockDataAC:ArrayCollection = new ArrayCollection( [
                              { Date: "25-Jul", Open: 40.55,  High: 40.75, Low: 40.24, Close:40.31},
                              { Date: "26-Jul", Open: 40.15,  High: 40.78, Low: 39.97, Close:40.34},
                              { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
                              { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
                              { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
                              { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
                              { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
                              { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
                              { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
                              { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]); 
                    ]]>
               </fx:Script>
               
               <fx:Declarations>
                    <!-- Define custom Stroke for the wick and ticks. -->
                    <mx:SolidColorStroke id="s1" color="0x000000" weight="5" joints="bevel" caps="square"/>
               </fx:Declarations>
               
               <mx:Panel title="HLOCChart Control Example" height="100%" width="100%">
                    <mx:HLOCChart id="hlocchart" height="100%" width="100%"
                                     paddingRight="5" paddingLeft="5" 
                                     showDataTips="true" dataProvider="{stockDataAC}">
                         
                         <mx:verticalAxis>
                              <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
                         </mx:verticalAxis>
                         
                         <mx:horizontalAxis>
                              <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
                         </mx:horizontalAxis>
                         
                         <mx:horizontalAxisRenderers>
                              <mx:AxisRenderer axis="{haxis}" canDropLabels="true" toolTip="helloWorld"/>
                         </mx:horizontalAxisRenderers>
                         
                         <mx:series>
                              <mx:HLOCSeries 
                                   openField="Open" 
                                   highField="High" 
                                   lowField="Low" 
                                   closeField="Close"
                                   stroke="{s1}"
                                   openTickStroke="{s1}"
                                   closeTickStroke="{s1}"
                                   openTickLength="7"
                                   closeTickLength="7"
                                   />
                         </mx:series>
                    </mx:HLOCChart>
               </mx:Panel>
          </s:Application>