2

Google Charts API を使用して、自分のサイトにいくつかの円グラフを描画したいと考えています。すべてが同じドキュメントに配置されている限り、これは正常に機能します。しかし今、たとえばユーザーのアクションに応じて、Ajax を介してチャートコードをロードしたいと考えています。しかし、それは機能しません (単純な jQuery-Calls では)。どうやってやるの？

     <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>
4

1 に答える 1

6

たとえば、'target' の要素 ID に対するクリック イベントのハンドラーです。

初めに

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

次

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

    $.ajax({
        url: url,
        data: "",
        success: function(resultData){
            google.setOnLoadCallback(drawChart(resultData));                                                   
        }
    });     
});
于 2012-06-03T13:08:10.053 に答える