php、mysql、jquery ajaxを使用したGoogleの円グラフ

Question

私はGoogleのpiechartsを作成していますが、このグラフを表示するにはiframeを使用しなければなりません。 しかし、私はAJAXでiframeなしで表示したいです.... Googleのpiechartをiframeなしで表示する方法はありますか？

Answer 1

@ Grrbrr404によって与えられたリンクがそうもはや機能していない、あなたのようなことを試すことができ、

スクリプト

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 

// Load the Visualization API and the piechart package. 
google.load('visualization', '1', {'packages':['corechart']}); 

// Set a callback to run when the Google Visualization API is loaded. 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var jsonData = $.ajax({ 
     url: "getData.php", 
     dataType:"json", 
     async: false 
     }).responseText; 

    // Create our data table out of JSON data loaded from server. 
    var data = new google.visualization.DataTable(jsonData); 

    // Instantiate and draw our chart, passing in some options. 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, {width: 400, height: 240}); 
} 

</script> 

スクリプトの上に追加する前に、あなたの中にID chart_divを持つdiv要素を追加するようなHTML 、

<div id="chart_div"></div> 

ショーこのphp-example

Answer 2

純粋なjavascriptでpiechartを表示するには、google chart apiを使用できます。

See this page for example code。