Extjs6：仪表板部件垂直移动

Question

我正在创建这样的仪表板但是当我渲染它时，我的两个部件都是垂直的而不是水平的。这两个部分之间还有一个分离器垂直高度。如何使它们水平显示。

xtype: 'dashboard',
    defaultContent: [
        {
            type: 'dashChart',
            title: 'Graph 1',
            columnIndex: 0,
            height: 300
        },
        {
            type: 'dashChart1',
            title: 'Graph 2 ',
            columnIndex: 1,
            height: 300
        }

    ],
    parts: {
        dashChart: {
            viewTemplate: {
                collapsible: false,
                resizable: false,
                layout: 'fit',
                items: [
                    {
                        xtype: 'webdashboardpiechart'
                    }
                ]
            }
        },
    dashChart2: {
            viewTemplate: {
                collapsible: false,
                resizable: false,
                layout: 'fit',
                items: [
                    {
                        xtype: 'webdashboardareachart'
                    }
                ]
            }
        }
    },



    maxColumns: 2

}