Sencha Touch Chart,在浏览器中可见,但不在我的Android手机中

时间:2015-11-19 13:17:51

标签: android cordova sencha-touch sencha-touch-2

我尝试使用Sencha Touch 2.4.1构建应用程序, 并使用cordova包装机。

我的简单应用程序显示图表,当我使用时 "启动sencha web start"申请浏览。

enter image description here (图1)。

但是当我将应用程序打包到android apk时, 在我的Android手机上,它没有显示图表, 只开始动画..

enter image description here (图2)

但是,如果我删除xtype:' companystockchart', 我的申请(电话)正在运作(当然没有图表)!

我做错了什么?

源代码:

app.js:

Ext.require([ 
              ]);

Ext.application({
    name: 'app',
    views: ['CompanyStockChart'],
    launch: function() {

    Ext.create('Ext.Panel', {
                fullscreen: true,
            layout: 'fit',
            title: 'Chart',
            iconCls: 'overview',
            items:[{
                    xtype: 'companystockchart'
          }],
            listeners: {
                activate: function() {
                }
            }
        })

    }
});

app.view.CompanyStockChart.js:

Ext.define('app.view.CompanyStockChart', {
  extend: 'Ext.chart.Chart',
  alias: 'widget.companystockchart',
  config: {
        store: {
            fields: ['name', 'value'],
            data: [
                { name: 'Jan', value: 110},
                { name: 'Feb', value: 252},
                { name: 'Mar', value: 952},
                { name: 'Apr', value: 325},
                { name: 'May', value: 123},
                { name: 'Jun', value: 52},
                { name: 'Jul', value: 1122},
                { name: 'Aug', value: 35},
                { name: 'Sep', value: 172},
                { name: 'Oct', value: 752},
                { name: 'Nov', value: 810},
                { name: 'Dec', value: 410}
            ]
        },
        animate: false,
        interactions: ['panzoom'],
        series: [
            {
                type: 'line',
                xField: 'name',
                yField: 'value',
                style: {
                    fill: 'rgba(0,40,170,0.3)',
                    stroke: 'black'
                }
            }
        ],
        axes: [
            {
                type: 'numeric',
                position: 'left',
                title: 'Number of Hits',
                minimum: 0,
                maximum: 1200,
                grid: {
                    fill: '#efefef',
                    odd: {
                        fill: '#cdcdcd'
                    },
                    even: {
                        lineWidth: 3
                    }
                }
            },
            {
                type: 'category',
                position: 'bottom',
                title: 'Month of the Year',
                grid: true,
                style: {
                    estStepSize: 1
                }
            }
        ]

}

});

接下来我尝试调试应用程序,我看到下一个问题:

(picture 3). (图3)

0 个答案:

没有答案