<mx:LineChart id="linechart" height="100%" width="45%" paddingLeft="5" paddingRight="5" showDataTips="true" dataProvider="{expensesAC}" mouseMove="handleMouseMove(event)"> <mx:horizontalAxis> <mx:CategoryAxis categoryField="Month"/> </mx:horizontalAxis> <mx:series> <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/> <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/> <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/> </mx:series> <mx:annotationElements> <mx:Canvas id="linesCanvas" horizontalScrollPolicy="off" verticalScrollPolicy="off"/> </mx:annotationElements> </mx:LineChart> <mx:Style> .LineOnChart{ strokeColor: #00ffcc; shadowColor: #99cc00; strokeWidth: 1; } </mx:Style> import mx.controls.VRule; private function handleMouseMove(e:MouseEvent):void { linesCanvas.removeAllChildren(); //creating the line var theLine:VRule=VRule(linesCanvas.addChild(new VRule())); theLine.styleName="LineOnChart"; theLine.x=mouseX-90; theLine.y=0; theLine.height=linesCanvas.height; }