extjs Viewport 滚动条

最近使用ExtJs开发过程中遇到一种情况，
就是anychart图形和grid一起展示的效果，
图形和列表一起展示，如果沾满全屏的话，总是不会满足客户业务量的需求，数据量一多，页面就展示不开了
通过多方咨询、查找，最后搞定，如下设置：

var centerPanel = new Ext.Panel({
region : 'center',
autoScroll : true,
items : [queryForm,chartPanel, queryGrid]
});

new Ext.Viewport({
layout : 'border',
autoScroll : true,
items : [centerPanel]
});

最后结论，通过Viewport展示的话，整体会占满整个屏幕没办法有滚动条，所以只能从center布局中拓展，将整体分为：上、中、下的方式展示即可。