flex-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Deepak MS <megharajdee...@gmail.com>
Subject Re: Lineseries tooltip on mobile
Date Fri, 05 Sep 2014 09:04:37 GMT
Any tips on this one?


On Thu, Aug 28, 2014 at 9:58 AM, Deepak MS <megharajdeepak@gmail.com> wrote:

> Any help on this ? : )
> Main objective here is to make enough room on line series data point so
> that user can easily touch\tap it and on doing so, show the tooltip data.
>
> I'm still wondering why isn't it triggering the events that are
> registered.
>
>
> On Wed, Aug 27, 2014 at 3:16 PM, Deepak MS <megharajdeepak@gmail.com>
> wrote:
>
>> Hi there,
>> I'm using a columnchart with a lineseries in it for an ipad app. I have
>> enabled tooltip for it. But unfortunately its too difficult to get the
>> tooltip on the device when we move the finger over it.
>>
>> Hence I planned to add a custom circleitemrenderer with width and height
>> of 20 to get the custom tooltip by adding a click\touchtap event on it.
>>
>> But unfortunately, it is not triggering the click\touchtap event at all.
>>
>> My code:
>>
>> myLineSeries.setStyle('itemRenderer', new
>> ClassFactory(DataPointRenderer));
>>
>>
>> public class DataPointRenderer extends CircleItemRenderer
>>     {
>>         public function DataPointRenderer()
>>         {
>>             super();
>>             width = 20;
>>             height = 20;
>>             addEventListener(MouseEvent.CLICK, onClick);
>>             addEventListener(TouchEvent.TOUCH_TAP, onClick);
>>
>>             addEventListener(MouseEvent.MOUSE_OVER, onOver);
>>         }
>>
>>         private var model:ApplicationModelLocator =
>> ApplicationModelLocator.getInstance();
>>         private function onOver(event:MouseEvent):void
>>         {
>>             model.showAlert('over');  /// This function is not at all
>> called even after clicking(both on simulator as well as on device)
>>         }
>>
>>         private function onClick(event:MouseEvent):void
>>         {
>>             model.showAlert('clicked');    /// This function is not at
>> all called even after mouse hover (on desktop simulator)
>>         }
>>
>>         override protected function
>> updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void
>>         {
>>             super.updateDisplayList(unscaledWidth, unscaledHeight);
>>             var currentFill:uint;
>>             var g:Graphics = graphics;
>>             g.clear();
>>             if (data is ChartItem && data.hasOwnProperty('fill'))
>>             {
>>                 currentFill = data.fill.color;
>>                 g.beginFill(currentFill);
>>                 g.drawCircle(5,5,20);
>>                 g.endFill();
>>             }
>>
>>         }
>>     }
>>
>>
>> Am I missing something here?
>>
>
>

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message