"
Team:GeorgiaTech/Modeling
From 2011.igem.org
(Difference between revisions)
(Replaced content with "{{GT-header}} {{GT-nav}}") |
|||
| Line 1: | Line 1: | ||
{{GT-header}} | {{GT-header}} | ||
{{GT-nav}} | {{GT-nav}} | ||
| + | <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']}); | ||
| + | |||
| + | // Set a callback to run when the Google Visualization API is loaded. | ||
| + | google.setOnLoadCallback(drawChart); | ||
| + | |||
| + | // Callback that creates and populates a data table, | ||
| + | // instantiates the pie chart, passes in the data and | ||
| + | // draws it. | ||
| + | function drawChart() { | ||
| + | |||
| + | // Create the data table. | ||
| + | var 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 | ||
| + | var options = {'title':'How Much Pizza I Ate Last Night', | ||
| + | 'width':400, | ||
| + | 'height':300}; | ||
| + | |||
| + | // Instantiate and draw our chart, passing in some options. | ||
| + | var 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> | ||
Revision as of 23:30, 28 September 2011
