如何使用extjs将一个窗口的一行中的两个图表分组？

Question

我在一个窗口中有四个图表。它们在一列中一个接一个地显示。我怎么能有两列，每列包含两个图表？

Answer 1

简单示例：

var panel = Ext.create('Ext.Panel', {
    width: 600,
    height: 500,
    title: 'Line Chart',
    renderTo: Ext.getBody(),
    layout: 'column',
    items:[{
        height: 500,
        columnWidth:.5,
        items:[{
            height:250,
            layout:'fit',    
            items:createChart()
        },{
            height:250,
            layout:'fit',    
            items:createChart()
        }]
    },{
        height: 500,
        columnWidth:.5,
        items:[{
            height:250,
            layout:'fit',    
            items:createChart()
        },{
            height:250,
            layout:'fit',    
            items:createChart()
        }]
    }]
});

示例的其余部分：http://jsfiddle.net/fc8wQ/