Show tooltips for AreaChart : ToolTips « Components « Flex






Show tooltips for AreaChart

Show tooltips for AreaChart
       
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF">

  <mx:Script>
    
    import  mx.collections.ArrayCollection;
    

    [Bindable]
    private  var  productSales:ArrayCollection = new ArrayCollection( [
            { Quarter: "1", PC: 10, Mac: 3, Software: 1, Total: 14 },
            { Quarter: "2", PC: 12, Mac: 4, Software: 2, Total: 18 },
            { Quarter: "3", PC: 15, Mac: 8, Software: 5, Total: 28 },
            { Quarter: "4", PC: 20, Mac: 10, Software: 9, Total: 39 }
            ]);
     
  
  </mx:Script>

  <mx:Panel  title="AreaChart  Example"  width="100%"  height="100%">
    <mx:AreaChart  id="areaChart"  height="100%"  width="100%"
        paddingLeft="5"  paddingRight="5"  
        showDataTips="true" dataProvider="{productSales}">                            
      <mx:horizontalAxis>
        <mx:CategoryAxis  categoryField="Quarter"/>
      </mx:horizontalAxis>
      <mx:series>
        <mx:AreaSeries  yField="PC"  form="curve"  displayName="PC"/>
        <mx:AreaSeries  yField="Mac"  form="curve"  displayName="Mac"/>
        <mx:AreaSeries  yField="Software"  form="curve"  displayName="Software"/>
      </mx:series>
    </mx:AreaChart>            
    <mx:Legend  dataProvider="{areaChart}" direction="horizontal"/>
  </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
  








Related examples in the same category

1.ToolTip Effects with ActionScriptToolTip Effects with ActionScript
2.ToolTips Show eventToolTips Show event
3.Setup ToolTips with ActionScriptSetup ToolTips with ActionScript
4.Set tooltip for current event targetSet tooltip for current event target
5.Add tooltip for ButtonAdd tooltip for Button
6.Bind tooltip text value to a TextInputBind tooltip text value to a TextInput
7.Add tooltip to a VBoxAdd tooltip to a VBox
8.Tooltip for Button and for VBoxTooltip for Button and for VBox
9.More than one line of tooltipMore than one line of tooltip
10.Using text encoding in tooltipUsing text encoding in tooltip
11.Creating ToolTipsCreating ToolTips
12.To set a ToolTip value in ActionScriptTo set a ToolTip value in ActionScript
13.Shows the inheritance of ToolTip textShows the inheritance of ToolTip text
14.Using \n escaped newline character and the entity for tooltipUsing \n escaped newline character and the 
 entity for tooltip
15.Use a type selector in the to override the default styles of your ToolTipsUse a type selector in the to override the default styles of your ToolTips
16.Use StyleManager to set ToolTip styles
17.Apply a style to ToolTip type selector with the setStyle()
18.Set tooltip font style to italic
19.Set tooltip font size to 19
20.Set tooltip font family to Arial
21.Set tooltip color to #FF6699
22.Set tooltip background
23.ToolTips use inheritable global stylesToolTips use inheritable global styles
24.Setting the width of ToolTipsSetting the width of ToolTips
25.Creates ToolTips for each of the buttonsCreates ToolTips for each of the buttons
26.Use ToolTips on child elements in a component's data providerUse ToolTips on child elements in a component's data provider
27.Set ButtonBar's toolTipField to point to field in data provider ToolTips from myToolTip fieldSet ButtonBar's toolTipField to point to field in data provider ToolTips from myToolTip field
28.Enabling and disabling ToolTipsEnabling and disabling ToolTips
29.CandlestickChart with TooltipCandlestickChart with Tooltip
30.Bind tooltip value to TextInputBind tooltip value to TextInput
31.Get current tooltipGet current tooltip
32.Create a ToolTip when you move the mouse over a Panel containerCreate a ToolTip when you move the mouse over a Panel container
33.Set Tooltip width and heightSet Tooltip width and height
34.Tooltip's position based on Control's positionTooltip's position based on Control's position
35.Choose the proper tooltip positionChoose the proper tooltip position
36.Tooltip for error messageTooltip for error message
37.A toolTip is a little pop-up message that displays when you hover your mouse over a component for a momentA toolTip is a little pop-up message that displays when you hover your mouse over a component for a moment
38.Basic ToolTipBasic ToolTip
39.To set the value of a ToolTip in ActionScript, use the toolTip property of the component.To set the value of a ToolTip in ActionScript, use the toolTip property of the component.
40.Inheritance of ToolTip textInheritance of ToolTip text
41.Using \n escaped newline character and the entity for Tooltip textUsing \n escaped newline character and the 
 entity for Tooltip text
42.ToolTip Style ManagerToolTip Style Manager
43.ToolTip Global StylesToolTip Global Styles
44.Change the maximum width of the ToolTip box to 100 pixels
45.Create ToolTips for each of the navigation itemsCreate ToolTips for each of the navigation items
46.ToolTips are propagated up to the LinkBarToolTips are propagated up to the LinkBar
47.The data provider defines ToolTips in the myToolTip fieldThe data provider defines ToolTips in the myToolTip field
48.Toggle ToolTips on and off when the user clicks the Toggle ToolTips buttonToggle ToolTips on and off when the user clicks the Toggle ToolTips button
49.Insert TextInput value into Button control's ToolTip when the user moves the mouse pointer over the Button controlInsert TextInput value into Button control's ToolTip when the user moves the mouse pointer over the Button control
50.Register myToolTipChanger() method as a listener for the Button control's toolTipShow event.Register myToolTipChanger() method as a listener for the Button control's toolTipShow event.
51.Creating ToolTips in ActionScript
52.customization on ToolTip's toolTipShown event.customization on ToolTip's toolTipShown event.
53.Use errorTip style to create ToolTips that look like validation error tips.Use errorTip style to create ToolTips that look like validation error tips.
54.Play a sound in response to the TOOL_TIP_SHOW event