ExtJS 4图表-使用Ajax存储进行更改

我的应用程序有一些问题。我有一个图表，数据是从一个建立Ajax连接的商店加载的。 我第一次加载我的页面时，它工作正常，但我有三个按钮，我的目标是加载一个新的图表，当有人单击某个按钮时，它将取代以前的图表，但这不能像我希望的那样工作。我有一些错误，我想知道是否有一个“官方”的方式来做我想做的事情

我有一个错误：

Error : TypeError: me.labels[inflections.length - 1] is undefined
Source File : extjs-4.1.0/ext-all-debug.js
Ligne : 58728

当有人点击按钮时，我会这样做：

var el = Ext.get('GraphVolumeBar03');
                if(!el) {
                    var elem = Ext.create('Axiastats.view.GraphVolumeBar03');
                     Ext.create('Ext.panel.Panel', {
                        id : 'GraphVolumeBar03',
                        renderTo: 'graphContainer-body',
                        height : 300,
                        border: false,
                        items: elem,
                    });
                }
                else {
                    el.show();
                    Ext.getCmp('GraphVolumeBar03-chart').redraw(true);
                }

我隐藏了旧的图表，但我认为这不是正确的解决方案：

var el2 = Ext.get('GraphVolumeBar01');
                 if(el2) { el2.hide(); }
                 var el3 = Ext.get('GraphVolumeBar02');
                 if(el3) { el3.hide(); }