extjs4 - 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

您的图表定义中缺少图表轴和系列。