Ok. I'll try to make it simpler.
How do we add a click or touch tap event in a class that extends
CircleItemRenderer?
public class DataPointRenderer extends CircleItemRenderer
{
public function DataPointRenderer()
{
super();
}
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,15);
g.endFill();
}
}
}
On Fri, Sep 5, 2014 at 6:06 PM, Deepak MS <megharajdee...@gmail.com> wrote:
> Hello Phil,
> There is no issue with xaxis, I just wanted to show tooltip on click of
> custom datapoint on lineseries.
>
>
> On Fri, Sep 5, 2014 at 3:36 PM, Philip Medlam <philip.med...@gmail.com>
> wrote:
>
>> Have you considered adding a slider to allow you to change the Xaxis range
>> ala
>> <s:HSlider id="RHSslider"
>> width="40%"
>> minimum="0" maximum="{fs/2}"
>> value="{hAxis2.maximum}" stepSize="5"
>> snapInterval="5"
>> liveDragging="true"
>> thumbRelease="changeRHSaxis()"/>
>>
>> I suggest thmbRelease (rather than Change) to stop the chart updating
>> dynamically as you slide the thumb, as that might be too slow.
>>
>> The user can then (maybe you need two sliders, one for min value of xaxis
>> and one for max xvalue (or setup a multi thumb slider component).
>>
>> Phil.
>>
>>
>> On Fri, Sep 5, 2014 at 10:04 AM, Deepak MS <megharajdee...@gmail.com>
>> wrote:
>>
>> > Any tips on this one?
>> >
>> >
>> > On Thu, Aug 28, 2014 at 9:58 AM, Deepak MS <megharajdee...@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 <megharajdee...@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?
>> > >>
>> > >
>> > >
>> >
>>
>>
>>
>> --
>> Philip Medlam
>>
>
>
