Extjs4 ExtJS组件的可重用性

有谁能告诉我，我们如何在ExtJS4中实现可重用性的概念？我有一个页面，其中有4个条形图，为此我必须编写相同的代码4次。如何使其通用，以便我们可以调用一个函数，该函数将采用不同的参数，并且该函数将根据我向函数提供的输入创建一个图表

---

有这样的例子吗？

有一大堆关于编写类的信息。请看任何一个MVC示例

自定义类：

Ext.define('MyClass', {
    extend: 'Ext.Component',

    initComponent: function(){
        this.html += 'Foo';
        this.callParent();
    }
});

Ext.onReady(function(){
    new MyClass({
        renderTo: document.body,
        html: 'X'
    });
});

---

难道没有比这个更新的OP更简单的例子了吗？我试图在我的类中创建一个自定义函数drawCombo，但是如果我将drawCombo更改为initComponent，它就会出现错误。define（'MyClass'，{extend:'Ext.form.field.ComboBox'，drawCombo:function（）{//combo box代码在这里}）；并像这样调用Ext.onReady（函数（）{var class1=new MyClass（）；class1.drawCombo（）；}）；