Sencha触摸旋转木马或任何其他容器内的图表

时间:2015-10-13 13:12:40

标签: extjs charts touch carousel

你好我想把CartesianChart放在Carousel中,但事实并非如此 渲染。 所以如果我用这个调用Chart:

mmm /path-to-hello-world/ -B

效果很好,就像这样:

Example1

如果我使用Carousel渲染图表,它不起作用,只显示SenchaTouch的标识:

Example2

代码:

Ext.create('app.view.CompanyStockChart', {fullscreen: true});

companystockchart的代码:

    var pnl5=Ext.create('Ext.Panel', {
        layout: {
                type: 'vbox',
                align: 'middle'
            },
        title: 'Chart',
        iconCls: 'overview',
        items:[{
        xtype: 'companystockchart'
        }],
        listeners: {
            activate: function() {
            }
        }
    })

    var crs = Ext.create('Ext.Carousel', {
        fullscreen: true,
        direction: 'horizontal',
        defaults: {
            styleHtmlContent: true
        },
        items: [
        pnl1,
        pnl5,
        pnl2,
        pnl3,
        pnl4
        ]
    });

当我使用其他类型的容器而不是轮播时,会出现同样的问题。 我该怎么做才能解决这个问题? 请帮助我)

1 个答案:

答案 0 :(得分:0)

对所有人来说,我已经使用布局来完成它:' fit'在pnl5的配置部分

    var pnl5=Ext.create('Ext.Panel', {
        layout: 'fit',
        title: 'Chart',