CandlestickChart with Tooltip : ToolTips « Components « Flex






CandlestickChart with Tooltip

CandlestickChart with Tooltip
       

<?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>

   
    
    
    
    
    
    
  








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.Show tooltips for AreaChartShow tooltips for AreaChart
6.Add tooltip for ButtonAdd tooltip for Button
7.Bind tooltip text value to a TextInputBind tooltip text value to a TextInput
8.Add tooltip to a VBoxAdd tooltip to a VBox
9.Tooltip for Button and for VBoxTooltip for Button and for VBox
10.More than one line of tooltipMore than one line of tooltip
11.Using text encoding in tooltipUsing text encoding in tooltip
12.Creating ToolTipsCreating ToolTips
13.To set a ToolTip value in ActionScriptTo set a ToolTip value in ActionScript
14.Shows the inheritance of ToolTip textShows the inheritance of ToolTip text
15.Using \n escaped newline character and the entity for tooltipUsing \n escaped newline character and the 
 entity for tooltip
16.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
17.Use StyleManager to set ToolTip styles
18.Apply a style to ToolTip type selector with the setStyle()
19.Set tooltip font style to italic
20.Set tooltip font size to 19
21.Set tooltip font family to Arial
22.Set tooltip color to #FF6699
23.Set tooltip background
24.ToolTips use inheritable global stylesToolTips use inheritable global styles
25.Setting the width of ToolTipsSetting the width of ToolTips
26.Creates ToolTips for each of the buttonsCreates ToolTips for each of the buttons
27.Use ToolTips on child elements in a component's data providerUse ToolTips on child elements in a component's data provider
28.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
29.Enabling and disabling ToolTipsEnabling and disabling ToolTips
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