Real extjs chart pan and zoom example needed

[kokso]

I found in sencha api doc function setZoom and resetZoom, i try to use it manually and it works, but is there any example which will work as "mouse interaction" with chart?
In API is some example which is not working,
it looks like:

items:{
xtype:'chart',
animate:true, s
tore: store1,
mask:'horizontal',
listeners:{
select:{ fn:function(me, selection)
{ me.setZoom(selection); me.mask.hide();}}
}
}

it shows horizontal line but thats all... when i click graph nothing happens, no zooming rectangle or what is displayed...

can you please update examples to some working example with panning and zooming of line chart?

Thank you very much

[mitchellsimoens]

Ext JS 3 or 4 so I can move into the correct forum?

[kokso]

It is ExtJs 4.x

[titu]

I also can't make it work! Did you get any solution yet to make it working?

I found in sencha api doc function setZoom and resetZoom, i try to use it manually and it works, but is there any example which will work as "mouse interaction" with chart?
In API is some example which is not working,
it looks like:

items:{
xtype:'chart',
animate:true, s
tore: store1,
mask:'horizontal',
listeners:{
select:{ fn:function(me, selection)
{ me.setZoom(selection); me.mask.hide();}}
}
}

it shows horizontal line but thats all... when i click graph nothing happens, no zooming rectangle or what is displayed...

can you please update examples to some working example with panning and zooming of line chart?

Thank you very much

[Argetlam07]

I am also working on the same problem and am not able to find an answer for it...
Please post your answer if anyone solved this....

[wemerson.januario]

any answer! i can not use the mask config and select event. Does anyone know if bug is opened? thanks

[Argetlam07]

The fix is currently in progress. Hopefully it will be in 4.1.1. Here's a workaround that a friend suggested to me:


var chart = Ext.create('Ext.chart.Chart',{/* These configs make the mask config work: */
enableMask: true,
hasListeners:{},/* The actual mask config: */
mask:'horizontal',

[ode]

The workaround suggested above does not work. Is Sencha ever going to get around to fixing this? Charts are basically useless to me unless I can enable panning or zooming on them.