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

    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,663
    Vote Rating
    402
    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 MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  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, Goiânia
    Posts
    561
    Vote Rating
    27
    wemerson.januario has a spectacular aura about wemerson.januario has a spectacular aura about

      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
    Blog: http://wemersonjanuario.com.br
    Twitter: @januariocoder
    From: Goiânia, GO, Brazil
    Ext JS developer and consulting

  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?

    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?