通過Ajax加載谷歌圖表

Question

我想使用Google Charts API在我的網站上繪製幾張餅圖。只要所有內容都放在同一個文檔中，這可以正常工作。但是現在我想通過Ajax加載圖表代碼來響應某些用戶操作。但是這不起作用（使用簡單的jQuery調用）。我怎樣才能做到這一點？

 <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 

     function first(){ 
     var my_chart = new google.visualization.DataTable(); 
     //chart code 

     var chart_pie= new google.visualization.PieChart(document.getElementById('meins')); 
     chart_pie.draw(my_chart, options); 
    } 

    function drawChart() { 
     first(); 
     second(); 
     //more 
    } 

    </script> 

Answer 1

例如，針對元素ID爲'target'的點擊事件的處理程序。

起初

google.load("visualization", "1", {packages:["corechart"]}); 

下一個

$('#target').on('click',function(){    

    $.ajax({ 
     url: url, 
     data: "", 
     success: function(resultData){ 
      google.setOnLoadCallback(drawChart(resultData));             
     } 
    });  
});