Интеграция extjs 3.4 и API Google Graph

Question

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