"
Team:Sevilla/test3
From 2011.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<html> | <html> | ||
| - | |||
| - | |||
| - | |||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 18: | Line 15: | ||
</script> | </script> | ||
| + | <body onload="initialize()"> | ||
| + | <div id="map_canvas" style="width:100%; height:100%"></div> | ||
| + | |||
| + | </body> | ||
| + | |||
| + | |||
| - | < | + | <script type="text/javascript" src="http://www.google.com/jsapi"></script> |
| - | + | <script type="text/javascript"> | |
| + | google.load('visualization', '1', {packages: ['corechart']}); | ||
| + | </script> | ||
| + | <script type="text/javascript"> | ||
| + | function drawVisualization() { | ||
| + | // Create and populate the data table. | ||
| + | var data = new google.visualization.DataTable(); | ||
| + | data.addColumn('string', 'Task'); | ||
| + | data.addColumn('number', 'Hours per Day'); | ||
| + | data.addRows(5); //las 5 divisiones | ||
| + | data.setValue(0, 0, 'Biología');//el primero es el id, el segundo siempre 0 y el tercero la etiqueta | ||
| + | data.setValue(0, 1, 2); //el primero es a que id corresponde, el segundo siempre es 1 y el tercero el valor | ||
| + | data.setValue(1, 0, 'Biotecnología'); | ||
| + | data.setValue(1, 1, 4); | ||
| + | data.setValue(2, 0, 'Ing Informática'); | ||
| + | data.setValue(2, 1, 3); | ||
| + | data.setValue(3, 0, 'Bioquímica'); | ||
| + | data.setValue(3, 1, 2); | ||
| + | data.setValue(4, 0, 'Otros'); | ||
| + | data.setValue(4, 1, 2); | ||
| + | |||
| + | // Create and draw the visualization. | ||
| + | new google.visualization.PieChart(document.getElementById('visualization')). | ||
| + | draw(data, {title:"¿Qué estudiamos?"}); | ||
| + | } | ||
| + | |||
| + | google.setOnLoadCallback(drawVisualization); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | <div id="visualization" style="float: right;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div> | ||
| + | |||
</html> | </html> | ||
| | ||
Revision as of 13:54, 5 April 2011
