Highcharts和EXT中panel结合

首先整理了一些panel的参数内容

1.  Ext.Panel参数内容

1.autoLoad：有效的url字符串，把那个url中的body中的数据加载显示，但是可能没有样式和js控制，只是html数据

2.autoScroll:设为true则内容溢出的时候产生滚动条，默认为false

3.autoShow:设为true显示设为"x-hidden"的元素，很有必要，默认为false

4.bbar:底部条，显示在主体内，//代码：bbar:[{text:'底部工具栏bottomToolbar'}],

5.tbar:顶部条，显示在主体内，//代码:tbar:[{text:'顶部工具栏topToolbar'}],

6.buttons:按钮集合，自动添加到footer中（footer参数，显示在主体外）//代码：buttons:[{text:"按钮位于footer"}]

7.buttonAlign:footer中按钮的位置，枚举值为："left","right","center",默认为right

8.collapsible：设为true，显示右上角的收缩按钮，默认为false

9.draggable:true则可拖动，但需要你提供操作过程，默认为false

10.html:主体的内容

11.id：id值，通过id可以找到这个组件，建议一般加上这个id值

12.width：宽度

13.height：高度

13.title:标题

14.titleCollapse：设为true，则点击标题栏的任何地方都能收缩，默认为false.

15.applyTo：（id）呈现在哪个html元素里面

16.contentEl：（id）呈现哪个html元素里面，把el内的内容呈现

17.renderTo：（id）呈现在哪个html元素里面

最近一直在研究这个 Highcharts，一眼难尽啊！o(︶︿︶)o 唉！神马也不说了！赶紧说主题

最终效果是这样的，要将Highcharts的图表放在panel中，代码如下：

//创建一个panel

var panel1 = Ext.create('widget.panel', {

id:'panelId',

width: 800,

height: 400,

region:'center' ,

title: '图表',

contentEl: 'container'  //这个container是在jsp页面（或者HTML页面里定义的一个div id:contentEl）

});

注意：这个contentEl渲染的div要和Highcharts渲染的div是一样的，否则效果是出不来滴