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