Create a Point object from the mouse pointer's location and display data values associated

          
<!--
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/LocalToData.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        import mx.collections.ArrayCollection;
        public var p:Point;
        [Bindable]
        public var expenses:ArrayCollection = new ArrayCollection([
            {Month:"Jan", Profit:2000, Expenses:1500},
            {Month:"Feb", Profit:1000, Expenses:200},
            {Month:"Mar", Profit:1500, Expenses:500}
            ]);
        private function updateDetails(e:MouseEvent):void {
            p = new Point(myChart.mouseX,myChart.mouseY);
            mpos.text = "(" + p.x + "," + p.y + ")";
            var d:Array = myChart.localToData(p);
            dval.text = "(" + d[0] + "," + Math.floor(d[1]) + ")";
            p = myChart.dataToLocal(d[0],d[1]);
            dpos.text ="(" + Math.floor(p.x) + "," + Math.floor(p.y) + ")";
        }
      </mx:Script>
    <mx:Panel title="Column Chart">
        <mx:ColumnChart id="myChart" dataProvider="{expenses}"
            mouseMove="updateDetails(event)">
            <mx:horizontalAxis>
                <mx:CategoryAxis dataProvider="{expenses}"
                    categoryField="Month" />
            </mx:horizontalAxis>
            <mx:series>
                <mx:ColumnSeries xField="Month" yField="Profit"
                    displayName="Profit" />
                <mx:ColumnSeries xField="Month" yField="Expenses"
                    displayName="Expenses" />
            </mx:series>
        </mx:ColumnChart>
        <mx:Legend dataProvider="{myChart}" />
    </mx:Panel>
    <mx:Form width="300">
        <mx:FormItem label="Mouse Position:">
            <mx:Label id="mpos" />
        </mx:FormItem>
        <mx:FormItem label="Data Position:">
            <mx:Label id="dpos" />
        </mx:FormItem>
        <mx:FormItem label="DATA:">
            <mx:Label id="dval" />
        </mx:FormItem>
    </mx:Form>
</mx:Application>

Related examples in the same category

1.	MouseEvent.CLICK
2.	Pass Event object to the submitForm() handler function and specifies it as type MouseEvent
3.	MouseEvent.MOUSE_DOWN
4.	Set shiftKey of the MouseEvent object to true to simulate a Shift-click
5.	Cast Event object to MouseEvent.
6.	MouseEvent stageX and stageY properties
7.	Pass Event object to submitForm() handler function and specifies it as type MouseEvent
8.	Add Mouse Down event to Panel
9.	Get X and Y locations from Mouse Event
10.	Check coordinate for mouse click
11.	Canvas mouse down event
12.	Add mouse click event handler for Panel
13.	Initially sets the mouseSensitivity property to 20
14.	Label Mouse down event
15.	Mouse Event Object Properties
16.	Output mouse position in mouse move event
17.	trace mouse position
18.	Canvas Mouse Position, mouse down event
19.	Detect a Mouse Click Outside a Pop Up to Close It
20.	Place your mouse pointer over the image to enlarge it
21.	Select only the SpanElement that is under the mouse click
22.	Convert local point to Global

Create a Point object from the mouse pointer's location and display data values associated : MouseEvent « Event « Flex

Related examples in the same category