Extjs 4 Basic（無法加載圖表）

Question

我剛剛學習ExtJs-4。

我堅持在面板上創建圖表欄。

這只是從官方的Ext網站的代碼。

這是我的面板，它具有創建圖表，模型和存儲的代碼。

Ext.define("park.view.mainPanel",{ 
    extend:'Ext.panel.Panel', 
    alias: 'widget.mainPanel', 
    title: 'edit User', 
      initComponent: function(){ 
     Ext.define('WeatherPoint', { 
      extend: 'Ext.data.Model', 
      fields: ['temperature', 'date'] 
     }); 

     var store = Ext.create('Ext.data.Store', { 
      model: 'WeatherPoint', 
      data: [ 
       { temperature: 58, date: new Date(2011, 1, 1, 8) }, 
       { temperature: 63, date: new Date(2011, 1, 1, 9) }, 
       { temperature: 73, date: new Date(2011, 1, 1, 10) }, 
       { temperature: 78, date: new Date(2011, 1, 1, 11) }, 
       { temperature: 81, date: new Date(2011, 1, 1, 12) } 
      ] 
     }); 

     var chart = Ext.create('Ext.chart.Chart', { 


      store: store, 
      theme: 'Category1', 
     }); 


     this.callParent(arguments); 

    } 


}); 

如果有人知道它應該很容易。 但很難解決它像我這樣的noobie。

Answer 1

您應該添加chart作爲您的面板小孩。嘗試添加this.items = [chart];之前this.callParent(arguments);

Answer 2

您在圖表定義中缺少圖表座標軸和系列。