Jquery 通过Ajax加载Google图表

我想使用GoogleCharts 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>

load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数优先（）{
var my_chart=new google.visualization.DataTable（）；
//图表代码
var chart_pie=new google.visualization.PieChart（document.getElementById（'meins'）；
绘制（我的图表，选项）；
}
函数绘图图（）{
第一个（）；
第二个（）；
//更多
}

例如，单击事件的处理程序指向元素id“target”

起初

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

下一个

---

非常感谢你！这正是我想要的：）

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

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