整合extjs 3.4和谷歌圖表api

首先，我是新手。我需要一些幫助與整合外部js 3.4和谷歌圖表api。我試圖谷歌餅圖添加到Ext.FormPanel 我創建用下面的代碼整合extjs 3.4和谷歌圖表api

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); 
    }

消防錯誤是給我的錯誤消息

「容器沒有定義」。

來源

2012-04-01 user1306267

嘗試在html正文中創建一個帶有容器標識的div。

來源

2012-05-08 21:45:59

整合extjs 3.4和谷歌圖表api

回答

相關問題