"
Team:Sevilla/components
From 2011.igem.org
(Difference between revisions)
(Blanked the page) |
|||
| Line 1: | Line 1: | ||
| + | {{:Team:Sevilla/template1}} | ||
| + | <html> | ||
| + | <!--===================================GRAFICA QUESITOS================================================--> | ||
| + | |||
| + | |||
| + | <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:left;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div> | ||
| + | </html> | ||
Revision as of 16:30, 19 May 2011
