Интеграция extjs 3.4 и google chart api

Question

Прежде всего я новичок. Мне нужна помощь в интеграции Ext js 3.4 и google chart api. Я пытаюсь добавить Google круговой диаграммы на 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

Попробуйте создать div с идентификатором контейнера в вашем html-корпусе.