삽입 jqPlot는

Question

나는 그것이 마술 지정된 DIV의에 chart1에 플롯 주입 jqplot 사용하고 있습니다 :

var chart1 = $.jqplot('chart1', weeks , {... 

동일 ExtJS에 대한 사실이다 '정보'로 생성 된 코드를 삽입 div에 :

var testPanel = new Ext.Panel({ 
    title: "Test", 
}); 
testPanel.render('info'); 

하지만 어떻게 차트 1을 패널에 플롯 할 수 있습니까? 다음 HTML은 작동하지 않습니다

이

<div id="info">    
    <div id="chart1" class="plot" style="width:400px;height:260px;"></div> 
</div> 

은 또한에 extjs에 HTML을 퍼팅 작동하지 않습니다에 chart1의 HTML이 (!?이 시점에서) 널 (null)이기 때문에 :

가

var testPanel = new Ext.Panel({ 
    title: "Test", 
    html: $('chart1').html() 
}); 
testPanel.render('info'); 

Answer 1

당신은 설정해야합니다 패널 인스턴스의 수신기로 render 이벤트를 수신 한 다음 차트를 패널 본문에 그립니다.

http://jsfiddle.net/chrisramakers/ZXDru/

Ext.onReady(function(){ 

    new Ext.Panel({ 
     renderTo: Ext.getBody(), 
     frame: true, 
     title: 'Test panel', 
     height: 250, 
     listeners: { 
      render: function(){ 

       // this.body.dom is the raw dom object of the body element of this panel 
       // render your plot to this.body.dom 
       console.log(this.body.dom) 
       this.body.update('This is the new content'); 
      } 
     } 
    }); 

});