|
|
| (123 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:Sevilla/test2}}
| |
| - | <html>
| |
| - |
| |
| - | <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 >
| |
| - | <div id="visualization" style="float: right;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" type="text/javascript"></script>
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | function initialize() {
| |
| - | if (GBrowserIsCompatible()) {
| |
| - | var map = new GMap2(document.getElementById("map_canvas"));
| |
| - | map.setCenter(new GLatLng(37.4419, -122.1419), 13);
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | </script>
| |
| - | </head>
| |
| - | <div onload="initialize()" onunload="GUnload()" style="font-family: Arial;border: 0 none;">
| |
| - | <div id="map_canvas" style="width: 500px; height: 300px"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </html>
| |
| - |
| |
"
