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