0

图形：

var chart = Ext.create('Ext.chart.Chart', {  
    style: 'background:#fff',  
    animate: true,  
    shadow: true,  
    store: store1,  
    axes: [{  
        type: 'Numeric',  
        position: 'left',  
        fields: ['data1'],  
        label: {  
            renderer: Ext.util.Format.numberRenderer('0,0')  
        },  
        title: 'Number of Hits',  
        grid: true,  
        minimum: 0  
    }, {  
        type: 'Category',  
        position: 'bottom',  
        fields: ['name'],  
        title: 'Month of the Year'  
    }],
    series: [{  
        type: 'column',  
        axis: 'left',  
        highlight: true,  
        tips: {  
          trackMouse: true,  
          width: 140,  
          height: 28,  
          renderer: function(storeItem, item) {  
            this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' $');  
          }  
        },  
        label: {  
          display: 'insideEnd',  
          'text-anchor': 'middle',  
            field: 'data1',  
            renderer: Ext.util.Format.numberRenderer('0'),  
            orientation: 'vertical',  
            color: '#333'  
        },  
        xField: 'name',  
        yField: 'data1'  
    }]  
});

这不起作用。 

{  
        xtype : 'panel',  
        layout : {  
            type : 'hbox',  
            pack : 'center'  
        },  
        id:'graphpanel',  
        width : 940,  
        margin : '20 0 20 0',  
        border : 0,  
        items: chart  
}

这个工作。 

var win = Ext.create('Ext.window.Window', {  
    width: 800,  
    height: 600,  
    minHeight: 400,  
    minWidth: 550,  
    hidden: false,  
    maximizable: true,  
    title: 'Bar Chart',  
    autoShow: true,  
    layout: 'fit',  
    items: chart  
});

这是我的问题图在弹出窗口中工作正常，但在面板中没有。如果我首先弹出窗口，那么只有图形在面板中呈现。
pl'z帮助抱歉代码格式错误..:(

4

1 回答 1

1

您没有明确地（给它一个宽度和高度）或隐式地（通过使用适当的布局）为图表提供尺寸。

面板布局应为fit. 另外，请确保该面板的父级赋予它一个高度。

于 2013-10-25T07:47:47.457 回答