如何使用 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/