Results 1 to 8 of 8

Thread: Real extjs chart pan and zoom example needed

  1. #1
    Sencha User
    Join Date
    Mar 2009
    Posts
    9
    Vote Rating
    0
      0  

    Default Real extjs chart pan and zoom example needed

    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

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,422
    Vote Rating
    1271
      0  

    Default

    Ext JS 3 or 4 so I can move into the correct forum?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Mar 2009
    Posts
    9
    Vote Rating
    0
      0  

    Default ExtJs 4.0

    It is ExtJs 4.x

  4. #4
    Ext JS Premium Member
    Join Date
    Nov 2008
    Location
    Bangladesh
    Posts
    38
    Vote Rating
    0
      0  

    Default

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


    Quote Originally Posted by kokso View Post
    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

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    4
    Vote Rating
    0
      0  

    Default

    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....

  6. #6
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goinia - GO, Brazil
    Posts
    640
    Vote Rating
    49
      0  

    Default

    any answer! i can not use the mask config and select event. Does anyone know if bug is opened? thanks
    Wemerson Januario
    Site/Blog: http://wemersonjanuario.com.brFrom: Goinia, GO, Brazil
    Consulting Training and Web Development

  7. #7
    Sencha User
    Join Date
    Apr 2012
    Posts
    4
    Vote Rating
    0
      0  

    Default

    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',

  8. #8
    Sencha User
    Join Date
    Aug 2012
    Posts
    1
    Vote Rating
    0
      0  

    Default Work around is useless

    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.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •