JQuery + ExtJS: how to process one DIV component by using these two libs

I am doing a simple project targeting at online graph drawing. I am using Flot/JQuery library to draw graphs, using ExtJs for layout.

What I try to do is as follows: 1. define a DIV 2. using F开发者_开发百科lot functions to draw graphs in this DIV 3. put this DIV in a panel defined by ExtJs code

my question is:

how to control the sequence that first call Flot functions to draw in DIV, and then to put this DIV with graphs into the panel by ExtJS?

Now, the DIV and graphs cant be displayed on the page.

any

1 and 3 can be accomplished by using Ext.Panel#html

2 is a matter of adding the graph rendering code to the afterlayout event.