在extjs4 mvc框架中扩展图表类会导致“ config is undefined”

如何解决在extjs4 mvc框架中扩展图表类会导致“ config is undefined”

| 我想扩展图表类以在视图中用作extjs4 MVC框架的一部分。我在萤火虫中收到此错误：

config is undefined 
[Break On This Error] me.initTheme(config.theme || me.theme);
Chart....8936564 (line 191)

这是类的定义：

Ext.define(\'CDR.chart.Daily\',{
alias: \'widget.dailychart\',extend: \'Ext.chart.Chart\',initComponent: function() {
    Ext.apply(this,{
        id: \'daily\',insetPadding: 30,... irrelevant code cut .......

    });          
    this.callParent(arguments);
  }
});

这是图表添加到的视图类：

Ext.define(\'CDR.view.trunk.View\',{
alias: \'widget.trunkview\',extend: \'Ext.panel.Panel\',requires: [
    \'CDR.chart.Daily\'
],{
        id        : \'itemCt\',border    : false,autoScroll: true,layout: {
            type : \'hBox\',},items: [
            Ext.create(\'CDR.chart.Daily\'),{
                id    : \'contentCt\',width : 500,border: false
            }
        ]
    });                
    this.callParent(arguments);
  }    
});

    

解决方法

        我认为这是一个错误，因为\'theme \'默认情况下应带有\'Base \'值，但没有。 从Chart.js的源代码中：

/**
 * @cfg {String} theme (optional) The name of the theme to be used. A theme defines the colors and
 * other visual displays of tick marks on axis,text,title text,line colors,marker colors and styles,etc.
 * Possible theme values are \'Base\',\'Green\',\'Sky\',\'Red\',\'Purple\',\'Blue\',\'Yellow\' and also six category themes
 * \'Category1\' to \'Category6\'. Default value is \'Base\'.
 */

因此，只需将以下代码添加到新类中：

constructor: function() {
    this.callParent([{theme: \'Category1\'}]);
},

它对我有用。     ,        我也有类似的问题，但不是针对配置对象，而是针对基础主题，对于您的问题，首先可以更正面板的items属性，而不是

 items: [
        Ext.create(\'CDR.chart.Daily\'),

它应该是 项目：[            {Ext.create（\'CDR.chart.Daily \'），....} 另外，如果您使用的是MVC框架，请确保在您的app.js中，在Ext.require部分中添加了以下几行：

\'Ext.chart.theme.Base\',\'Ext.chart.theme.Theme\',