Customizing Chart DataTip position

Question

Hi,
I am using Flex 3 Column Chart with Stacked property
I use two column series
On mouseOver the column bars, the dataTip appears near the bar.
I use a dataTip function to provide the contents for the DataTip & it might take 4 - 5 lines.
I would like to have the DataTip box always appear on the top left corner of the chart.
So, I create a DataTip renderer as shown below by shifting the DataTip to x:20 & y:15
import flash.display.*;
import flash.display.Graphics;
import mx.charts.chartClasses.DataTip;
public class MyDataTip extends DataTip
     public function MyDataTip()
          super();
     override protected function createChildren():void
          super.createChildren();
     override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
          super.updateDisplayList(unscaledWidth, unscaledHeight);
            this.x = 20;
            this.y = 15;
I apply this to the chart like (during application creationComplete() event:
myChart.setStyle("dataTipRenderer",MyDataTip);
But even when I do this, I do get a flickering when I mouseOver the chart bar and the DataTip box appears near the bar, then in the top left position
and When I mouseOver the bars the display refresh problem takes place
How to override this so that the box always appear the top left corner without any flickering
- Sen

Answer 1

Since DataTip inherits from UIComponent, you should use the move method to position it. Also use the setActualSize method in the override.
super.updateDisplayList(unscaledWidth, unscaledHeight);
this.move(20, 15);
this.setActualSize(unscaledWidth, unscaledHeight);