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