2 Replies Latest reply on Oct 27, 2010 11:40 PM by Sen Imagines

    Customizing Chart DataTip position

    Sen Imagines Level 1



      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()





           override protected function createChildren():void






           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:



      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