통합 extjs 3.4 및 Google 차트 api

Question

우선 저는 신참입니다. Ext js 3.4 및 Google 차트 API를 통합하는 데 도움이 필요합니다. 내가 Ext.FormPanel 에 구글 파이 차트를 추가하려고 다음 코드

var grid = new Ext.FormPanel({ 
     id:'test', 
      renderTo: 'panel', 
      title:'Sign up', 
      bodyStyle: 'padding: 10px;', 
      frame: true, 
      width:500, 
     height:500 
     }); 

다음 코드는 위의 패널에 파이 차트를 추가하려고있는 패널을 만들었습니다.

google.load('visualization', '1.0', {'packages':['corechart']}); 
    google.setOnLoadCallback(drawChart); 

    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Topping'); 
    data.addColumn('number', 'Slices'); 
    data.addRows([ 
     ['Mushrooms', 3], 
     ['Onions', 1], 
     ['Olives', 1], 
     ['Zucchini', 1], 
     ['Pepperoni', 2] 
    ]); 


    var options = {'title':'How Much Pizza I Ate Last Night', 
        'width':400, 
        'height':300}; 

    var chart = new google.visualization.PieChart(document.getElementById('test')); 
    chart.draw(data, options); 
    } 

화재 버그는 "컨테이너는 정의되지 않은"

로 나에게 오류 메시지를주고있다.

Answer 1

html 본문에 container라는 ID로 div를 생성 해보세요.