setZoom в графиках.
 

Всем доброго времени суток:)
Столкнулся с проблемкой масштабирования в графиках.
Вот скрипт из примеров в ExtJs:

Ext.require(['Ext.*']);

Ext.onReady(function() {
    
    Ext.QuickTips.init();
    
    Ext.define('BlackFrog', {
    extend: 'Ext.data.Model',
    fields: ['name', 'data1']
    });
    
    var store = Ext.create('Ext.data.JsonStore', {
        model: 'BlackFrog',
        //loading: true,
        proxy: {
            type: 'ajax',
            url: './engine/getData.php',
            actionMethods: 'POST',
            reader: {
                type: 'json',
                root: 'contents'
            }
        }
    });
    store.load();

    var chart1 = Ext.create('Ext.chart.Chart',{
            xtype: 'chart',
            animate: false,
             mask: 'horizontal',
        listeners: {
            select: {
                fn: function(me, selection) {
                    me.setZoom(selection);
                    me.mask.hide();
                }
            },
        },
            store: store,
            insetPadding: 30,
            axes: [{
                type: 'Numeric',
                minimum: 0,
                position: 'left',
                fields: ['data1'],
                title: false,
                grid: true,
                label: {
                    renderer: Ext.util.Format.numberRenderer('0,0'),
                    font: '10px Arial'
                }
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name'],
                title: false,
                label: {
                    font: '11px Arial',
                    renderer: function(name) {
                        return name.substr(0, 3) + ' 07';
                    }
                }
            }],
            series: [{
                type: 'line',
                axis: 'left',
                xField: 'name',
                yField: 'data1',
                listeners: {
                  itemmouseup: function(item) {
                      Ext.example.msg('Item Selected', item.value[1] + ' visits on ' + Ext.Date.monthNames[item.value[0]]);
                  }  
                },
                tips: {
                    trackMouse: true,
                    width: 80,
                    height: 40,
                    renderer: function(storeItem, item) {
                        this.setTitle(storeItem.get('name'));
                        this.update(storeItem.get('data1'));
                    }
                },
                style: {
                    fill: '#38B8BF',
                    stroke: '#38B8BF',
                    'stroke-width': 3
                },
                markerConfig: {
                    type: 'circle',
                    size: 4,
                    radius: 4,
                    'stroke-width': 0,
                    fill: '#38B8BF',
                    stroke: '#38B8BF'
                }
            }]
        });
 

    var panel1 = Ext.create('widget.panel', {
        width: 600,
        height: 300,
        title: 'ExtJS.com Visits Trends, 2007/2008 (No styling)',
        renderTo: Ext.getBody(),
        layout: 'fit',
        items: chart1
    });    
});

В мануале указано, что для добавления масштабирования графиков, достаточно добавить к chart:

mask: 'horizontal',
    listeners: {
        select: {
            fn: function(me, selection) {
                me.setZoom(selection);
                me.mask.hide();
            }
        }
    }

Но после добавления кода, элементов для масштабирования не появляется. Рылся по данной проблеме на форуме у Sencha, подобных тем хватает одну из них даже в Ext:Bugs перенесли, но видимых решений проблем так никто и не пишет.
Кто нибудь сталкивался с подобными проблемами?:)

Действительно баг, ждем фикс от разработчиков.