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

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

Extjs 4 Basic（无法加载图表）

2 个答案: