Question

我正在尝试将图表添加到我的Sencha Touch应用程序中。

我添加了一个这样的视图，并插入了一个图表，我在几个网站上看到了它：

Ext.define('dergraph.view.Graph', {
    extend: 'Ext.Container',
    xtype: 'graph',
    requires: [
        'Ext.TitleBar'
    ],
    config: {
        tabBarPosition: 'bottom',
        layout: 'fit',

        items: [
            {
                xtype: 'chart',
                animate: true,
                store: 'dergraph.store.PhoneBook',
                legend: {
                    position: 'right'
                },

                axes: [{
                        type: 'Category',
                        fields: ['firstName'],
                        position: 'bottom', //x-axis
                        title: 'Category'
                    }, {
                        type: 'Numeric',
                        fields: ['value'],
                        position: 'left', //y-axis
                        title: 'Value'
                }]
            }
        ]
    }
});

但现在我在浏览器的控制台中遇到错误：未捕获错误：[Ext.createByAlias]无法创建无法识别的别名实例：axis.Category。

这是我在app.js中的要求部分：

requires: [
        'Ext.MessageBox',
        'Ext.dataview.List',
        'Ext.chart.Chart',
        'Ext.chart.axis.Numeric',
        'Ext.chart.axis.Category'
],

有人可以帮我吗？

Answer 1

type，xtype等区分大小写，库中的小写都是小写的。

因此，将type: 'Category'更改为type: 'category'，将type: 'Numeric'更改为type: 'numeric'，然后您的代码就会运行。

您还应该阅读有关xtype的文档。此选项用于指示要创建的组件类型，而无需自己使用new关键字（允许延迟初始化）。 xtype选项仅在您要实例化的对象的上下文中有意义，而不是您定义的对象。所以代码中的这一行没有效果：

xtype: 'graph',

Answer 2

你在这里包括Sencha Touch 2 Charts 2 Beta吗？如果是这样，你究竟是怎么做到的？请从下载后的那一点开始 - 我是菜鸟：）

使用Sencha Touch 2创建图表？

2 个答案: