PHP Classes

File: index.html

Recommend this page to a friend!
  Classes of Nikhil Patil   Google Charts   index.html   Download  
File: index.html
Role: Auxiliary data
Content type: text/plain
Description: index
Class: Google Charts
Generate Google Charts data in JSON format
Author: By
Last change:
Date: 10 years ago
Size: 1,220 bytes


Class file image Download
<html> <head> <!--Load the AJAX API--> <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> <script type="text/javascript"> // Load the Visualization API and the piechart package. google.load('visualization', '1', {'packages':["geochart"]}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); function drawChart() { var jsonData = $.ajax({ url: "json_data.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.GeoChart(document.getElementById('chart_div')); chart.draw(data, {width: 400, height: 240}); } </script> </head> <body> <!--Div that will hold the pie chart--> <div id="chart_div"></div> </body> </html>