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

    Customizing Chart DataTip position

    Sen Imagines Level 1

      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