syedrakib · August 29, 2015 13:59
diff --git a/GCApi_full.html b/GCApi_full.html
 <html>
    <head>
        <!--Load the AJAX API-->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
 
            // Load the Visualization API and the piechart package.
            google.load('visualization', '1.0', {packages:["corechart","geochart","table"]});
        
            // Set a callback to run when the Google Visualization API is loaded.
            google.setOnLoadCallback(executeProgramFlow);
              
            // Declare dataset, options and charts variables
            var data , options , chart;
        
            // Callback that creates and populates a data table,
            // instantiates the pie chart, passes in the data and
            // draws it.
            function executeProgramFlow() {
                createDataTable();
                setChartOptions();
                drawTheChart();
            }
        
            // Create the data table.
            function createDataTable(){
                data = new google.visualization.DataTable();
                data.addColumn('string', 'Topping');
                data.addColumn('number', 'Slices');
                data.addRows([
                    ['Mushrooms', 3],
                    ['Onions', 1],
                    ['Olives', 1],
                    ['Zucchini', 1],
                    ['Pepperoni', 2]
                ]);
            }
        
            // Set chart options
            function setChartOptions(){
                options = {
                    'title':'How Much Pizza I Ate Last Night',
                    'width':400,
                    'height':300,
                    'is3D':true
                };
            }
        
            // Instantiate and draw our chart, passing in some options.
            function drawTheChart(){
                chart = new google.visualization.PieChart(
                    document.getElementById('chart_div')
                );
                chart.draw(data, options);
            }
        </script>
    </head>
    
    <body>
        <!--Div that will hold the pie chart-->
        <div id="chart_div"></div>
    </body>
 </html>
	<html>
	<head>
	<!--Load the AJAX API-->
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript">

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

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

	// Declare dataset, options and charts variables
	var data , options , chart;

	// Callback that creates and populates a data table,
	// instantiates the pie chart, passes in the data and
	// draws it.
	function executeProgramFlow() {
	createDataTable();
	setChartOptions();
	drawTheChart();
	}

	// Create the data table.
	function createDataTable(){
	data = new google.visualization.DataTable();
	data.addColumn('string', 'Topping');
	data.addColumn('number', 'Slices');
	data.addRows([
	['Mushrooms', 3],
	['Onions', 1],
	['Olives', 1],
	['Zucchini', 1],
	['Pepperoni', 2]
	]);
	}

	// Set chart options
	function setChartOptions(){
	options = {
	'title':'How Much Pizza I Ate Last Night',
	'width':400,
	'height':300,
	'is3D':true
	};
	}

	// Instantiate and draw our chart, passing in some options.
	function drawTheChart(){
	chart = new google.visualization.PieChart(
	document.getElementById('chart_div')
	);
	chart.draw(data, options);
	}
	</script>
	</head>

	<body>
	<!--Div that will hold the pie chart-->
	<div id="chart_div"></div>
	</body>
	</html>