Page 2 of 2 FirstFirst 12
Results 11 to 18 of 18

Thread: chart zooming

  1. #11
    Sencha User
    Join Date
    Jan 2012
    Location
    Russia
    Posts
    7
    Vote Rating
    0
      0  

    Default

    Hello.
    setZoom in the ExtJS 4.1 does not work? Or my hand curves.

  2. #12
    Ext JS Premium Member
    Join Date
    Mar 2009
    Posts
    20
    Vote Rating
    1
      0  

    Default Bug number / Status

    Has a bug number been assigned?
    Is there any status on this issue?

    Thanks
    Chris Olsen

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

    Default

    See here http://www.sencha.com/forum/showthre...834#post791834
    B
    ut not sure that it is tracked as a bug yet or not.

  4. #14
    Sencha User
    Join Date
    Aug 2012
    Posts
    3
    Vote Rating
    0
      0  

    Default Chart Zoom in 4.1.1?

    Just checking if chart zoom works in 4.1.1 or not. We are looking to purchase, but need zoom to work before we go ahead.

  5. #15
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    534
    Vote Rating
    29
      0  

    Default

    The API docs say its support but it doesn't seem to work for me. Sencha Dev will be able to confirm if its a bug in 4.1.1 or if its just not fully functional yet.


  6. #16
    Sencha User
    Join Date
    Aug 2012
    Posts
    3
    Vote Rating
    0
      0  

    Default Time to fix?

    Any idea how long such things take to get fixed? I am not being directed to switch to Wijimo since others are looking at it and price is less. I like ExtJs documentation much better but Zooming is a must and I have to demo something next week. Thanks!

  7. #17
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    534
    Vote Rating
    29
      0  

    Default

    Quote Originally Posted by vpisacane View Post
    Any idea how long such things take to get fixed? I am not being directed to switch to Wijimo since others are looking at it and price is less. I like ExtJs documentation much better but Zooming is a must and I have to demo something next week. Thanks!
    Only Sencha can answer that. If you don't get an answer on the forum, maybe email support or sales and see what they say.
    Good luck.

  8. #18
    Sencha User jagadeesha's Avatar
    Join Date
    Jan 2011
    Location
    Bangalore , Trianz
    Posts
    10
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by bluezz View Post
    I have the exact same problem in 4.1
    Even the horizontal selection line which used to show up in 4.0.7 does not appear on graph on mouse hover.
    Here's my sample code:

    Code:
    Ext.onReady(function () {
        window.generateData = function(n, floor){
            var data = [],
                p = (Math.random() *  11) + 1,
                i;
            floor = (!floor && floor !== 0)? 20 : floor;
            for (i = 0; i < (n || 12); i++) {
                data.push({
                    name: Ext.Date.monthNames[i % 12],
                    data1: Math.floor(Math.max((Math.random() * 100), floor)),
                    data2: Math.floor(Math.max((Math.random() * 100), floor)),
                    data3: Math.floor(Math.max((Math.random() * 100), floor)),
                    data4: Math.floor(Math.max((Math.random() * 100), floor)),
                    data5: Math.floor(Math.max((Math.random() * 100), floor)),
                    data6: Math.floor(Math.max((Math.random() * 100), floor)),
                    data7: Math.floor(Math.max((Math.random() * 100), floor)),
                    data8: Math.floor(Math.max((Math.random() * 100), floor)),
                    data9: Math.floor(Math.max((Math.random() * 100), floor))
                });
            }
            return data;
        };
    
        window.store1 = Ext.create('Ext.data.JsonStore', {
            fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5', 'data6', 'data7', 'data9', 'data9'],
            data: generateData()
        }); 
        
        store1.loadData(generateData(8));
        var chart = Ext.create('Ext.chart.Chart', {
            xtype: 'chart',
            style: 'background:#fff',
            animate: false,
            store: store1,
            mask: 'horizontal',
            listeners: {
                select: {
                    fn: function(me, selection) {
                        me.setZoom(selection);
                        me.mask.hide();
                    }
                }
            },
            shadow: false,
            theme: 'Category1',
            axes: [{
                type: 'Numeric',
                minimum: 0,
                position: 'left',
                fields: ['data1'],
                title: 'Number of Hits',
                minorTickSteps: 1,
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name'],
                title: 'Month of the Year'
            }],
            series: [{
                type: 'line',
                axis: 'left',
                xField: 'name',
                yField: 'data1',
            }]
        });
        
        var win = Ext.create('Ext.Window', {
            width: 900,
            height: 500,
            hidden: false,
            maximizable: true,
            title: 'Line Chart',
            renderTo: Ext.getBody(),
            layout: 'fit',
            items: chart
        });
    });
    and here is a screenshot:
    Attachment 35043
    From all of my analysis finally am able to find out why zooming is not working.

    Problem is with enableMask config of the chart , this is not getting set with the chart constructor and always it comes as undefined and hence whole zooming logic is disabled.

    Here is the fix that i have made and it works.


    Code:
    Ext.define('MyAsup.view.performance.CreateChart',{
           enableMask: true,
    	
    	mask: true,
    	
    	constructor : function(configs){
    		configs.enableMask = this.enableMask;
    		this.callParent(arguments);
    	},
    --
    =-=
    
    });



    Try it out

Page 2 of 2 FirstFirst 12

Similar Threads

  1. Image Zooming
    By Bucs in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 24 Feb 2011, 2:44 PM
  2. zooming
    By sway in forum Ext 3.x: Help & Discussion
    Replies: 10
    Last Post: 24 Aug 2010, 12:21 AM
  3. Zooming in
    By halfstep in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 22 Jul 2010, 1:10 PM
  4. Zooming in and out of an image
    By chrizmaster in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 30 Jun 2009, 12:37 AM
  5. google map style panning/zooming
    By fetchinson in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 26 Jun 2009, 7:25 AM

Posting Permissions

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