Hybrid View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Nov 2008
    Location
    Bangladesh
    Posts
    38
    Vote Rating
    0
    titu is on a distinguished road

      0  

    Default Cannot zoom chart

    Cannot zoom chart


    I'm using ExtJS 4.1-rc2 and trying to zoom chart. I'm following the code sample for the 'mask' config and 'select' event from the api doc and here is my code for the chart:

    Code:
    Ext.widget("chart", {
            style : 'background:#fff',
            animate : true,
            shadow : false,
            store : this.chartStore,
            itemId : 'mychart',
            mask : true,
            legend : {
                position : 'bottom'
            },
            listeners : {
                select : {
                    fn : function(me, selection) {
                        me.setZoom(selection);
                        me.mask.hide();
                    }
                }
            },
            axes : [{
                type : 'Numeric',
                position : 'left',
                fields : this.numericFields,
                title : EasyAdmin.Locale
                        .localize("Usage Level"),
                grid : {
                    odd : {
                        opacity : 0.7,
                        fill : '#ddd',
                        stroke : '#bbb',
                        'stroke-width' : 0.5
                    }
                }
            }, {
                type : 'Time',
                position : 'bottom',
                dateFormat : EAUtil.getDateFormat(),
                fields : this.timeFields,
                title : EasyAdmin.Locale.localize("Date"),
                label : {
                    rotate : {
                        degrees : -90
                    }
                },
                grid : true
            }],
            series : this.series
        });
    and I'm getting the UI like:

    chart.jpg

    And when I'm trying to zoom by trying to select any region or clicking then nothing happens! Also not getting any mask element that I can use to select region.

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    There's something strange going on here, I'm prone to say it's a bug.

    Ext.chart.Mask constructor says:
    PHP Code:
        constructor: function(config) {
            var 
    me this,
                
    resizeHandler;

            
    me.addEvents('select');

            if (
    config) {
                
    Ext.apply(meconfig);
            }
            if (
    me.enableMask) {
                
    me.on('afterrender', function() {
                    
    //create a mask layer component
                    
    var comp = new Ext.chart.MaskLayer({
                        
    renderTome.el,
                        
    hiddentrue
                    
    });
                    
    comp.el.on({
                        
    'mousemove': function(e) {
                            
    me.onMouseMove(e);
                        },
                        
    'mouseup': function(e) {
                            
    me.resized(e);
                        }
                    });
    // ... 
    So I've tried to set enableMask:true in Ext line chart example but it throws an error and doesn't work.

    Do you want me to move this thread to Bugs?
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  3. #3
    Ext JS Premium Member
    Join Date
    Nov 2008
    Location
    Bangladesh
    Posts
    38
    Vote Rating
    0
    titu is on a distinguished road

      0  

    Default


    Thanks for your findings. Yes, please move this thread to bugs.

  4. #4
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, Goiânia
    Posts
    441
    Vote Rating
    7
    wemerson.januario will become famous soon enough

      0  

    Default


    chart does not firing the select event when you setr mask true or horizontal or vertical, if I set enableMask: true firebug show me error

    Uncaught TypeError: Cannot call method 'hasOwnProperty' of undefined
    Wemerson Januario
    Twitter:
    @wemersonjanuar
    Skype:
    wemerson.januario
    Email: wemerson.januario@gmail.com
    Fone:
    62 9106-6689
    From: Goiânia, Brazil
    Desenvolvedor ExtJS/ ExtJS Developer

  5. #5
    Sencha User
    Join Date
    Aug 2012
    Posts
    3
    Vote Rating
    0
    vpisacane is on a distinguished road

      0  

    Default Zoom working in charts 4.1.1?

    Zoom working in charts 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.

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Location
    Russia
    Posts
    2
    Vote Rating
    0
    Russian is on a distinguished road

      0  

    Default


    Yes, it is very important for me as well. Is it fixed?