Use itemDoubleClick event handler to display HitData information

           

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->
<!-- charts/HitDataOnClick.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()">
    <mx:Script>
        import mx.charts.events.ChartItemEvent;
        import mx.collections.ArrayCollection;
        [Bindable]
        public var dataSet:ArrayCollection = new ArrayCollection([
            {Month:"Jan", Expenses:1500},
            {Month:"Feb", Expenses:200},
            {Month:"Mar", Expenses:500}
            ]);
        // Define the event handler.
        public function myListener(e:ChartItemEvent):void {
            ti1.text = e.hitData.item.Expenses;
            ti2.text = e.hitData.x + "/" + e.hitData.y;
        }
        // Define event listeners when the application initializes.
        public function init():void {
            chart.addEventListener(ChartItemEvent.ITEM_DOUBLE_CLICK, myListener);
        }
      </mx:Script>
    <mx:Panel title="Accessing HitData Object in Event Handlers">
        <mx:ColumnChart id="chart" dataProvider="{dataSet}"
            doubleClickEnabled="true">
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Month" />
            </mx:horizontalAxis>
            <mx:series>
                <mx:ColumnSeries yField="Expenses" />
            </mx:series>
        </mx:ColumnChart>
        <mx:Form>
            <!--Define a form to display the event information.-->
            <mx:FormItem label="Expenses:">
                <mx:TextInput id="ti1" />
            </mx:FormItem>
            <mx:FormItem label="x/y:">
                <mx:TextInput id="ti2" />
            </mx:FormItem>
        </mx:Form>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Using event object to make event handlers more generic
2.	Creating function and use it as event handler
3.	A function returning String and use it in button event handler
4.	Register handler function to Button control
5.	Remove handler
6.	Conditional handler
7.	Use the handler property to specify the function Argument String
8.	Use the handlerFunction property to specify the function
9.	Add handlers and then remove handlers
10.	Using ActionScript in MXML event handlers
11.	Specify Event object as a parameter in the event handler function
12.	Define an event handler inline and binds a call to the handler function to the control
13.	Event handler function
14.	Parent container's click handler disables the target control after the target handles the event
15.	Handler children clicked event from parent clicked event
16.	Priority parameter and event handler event
17.	Add itself to event handler
18.	To use the Event object, you specify it as a parameter in the event handler function
19.	Create two event handler functions
20.	Bind a call to the handler function to the control that triggers the event
21.	Simple Event Handler
22.	Pass string into event handler
23.	Use initialize event to register event handler
24.	Event handler sequence
25.	Use SetEventHandler to set event handler to a target
26.	Add SecurityErrorEvent.SECURITY_ERROR event handler
27.	Write simple event handler code inline
28.	Add event handler to ChangeWatcher
29.	Event Object Handler
30.	Define variable in click event handler
31.	Handler result event and fault event for ItemResponder
32.	Using removeEventListener() method to remove event handler
33.	Add and remove event handlers
34.	Gets the value of the current target's x, y, and width properties in the focusIn event handler,
35.	Define an event handler for the drag
36.	Creates the groups in ActionScript by using an event handler

Use itemDoubleClick event handler to display HitData information : Event Handler « Event « Flex

Related examples in the same category