Straight line with user interaction

Question

Hi,
  I want to create graphics area within a panel.  Within the panel I want to have a straight vertical line(From top to bottom) within the box.  Then upon the user selecting an area within the graphics area I would like the vertical line to move to that location.  Is this possible?
I originally wanted to use a chart to do this but there doesnt seem to be any way of doing this!
Please help,
  Paul.

Answer 1

Here is a Flex 3.x sample...
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="ccomp();" layout="absolute" minWidth="1024" minHeight="768">
    <mx:Script>
        <![CDATA[
        import mx.core.UIComponent;
        private var overlay:UIComponent = new UIComponent();
        private var pt:Point = null;
        private function ccomp():void
            canvas.addChild( overlay );
        private function handleMouseDown( event:MouseEvent ):void
            pt = new Point( event.localX, event.localY );
            invalidateDisplayList();
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
            super.updateDisplayList( unscaledWidth, unscaledHeight );
            overlay.graphics.clear();
            if ( pt != null )
                overlay.graphics.lineStyle( 2.0, 0xFF0000, 0.65 );
                overlay.graphics.moveTo( pt.x, 0 );
                overlay.graphics.lineTo( pt.x, canvas.height );
                overlay.graphics.moveTo( 0, pt.y );
                overlay.graphics.lineTo( canvas.width, pt.y );
        ]]>
    </mx:Script>
    <mx:Canvas id="canvas" mouseDown="handleMouseDown(event);" width="400" height="150" horizontalCenter="0" verticalCenter="0" backgroundColor="#FFFFFF" />
    <mx:Label text="( click in the white area )" horizontalCenter="0" verticalCenter="91"/>
</mx:Application>