"
Team:UANLe Mexico/Test3
From 2012e.igem.org
(Difference between revisions)
(Created page with "<html> <head> <!--Load the AJAX API--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> // Load th...") |
|||
| Line 43: | Line 43: | ||
<!--Div that will hold the pie chart--> | <!--Div that will hold the pie chart--> | ||
<div id="chart_div"></div> | <div id="chart_div"></div> | ||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | <script type='text/javascript' src='https://www.google.com/jsapi'></script> | ||
| + | <script type='text/javascript'> | ||
| + | google.load('visualization', '1', {packages:['gauge']}); | ||
| + | google.setOnLoadCallback(drawChart); | ||
| + | function drawChart() { | ||
| + | var data = google.visualization.arrayToDataTable([ | ||
| + | ['Label', 'Value'], | ||
| + | ['Memory', 80], | ||
| + | ['CPU', 55], | ||
| + | ['Network', 68] | ||
| + | ]); | ||
| + | |||
| + | var options = { | ||
| + | width: 400, height: 120, | ||
| + | redFrom: 90, redTo: 100, | ||
| + | yellowFrom:75, yellowTo: 90, | ||
| + | minorTicks: 5 | ||
| + | }; | ||
| + | |||
| + | var chart = new google.visualization.Gauge(document.getElementById('chart_div')); | ||
| + | chart.draw(data, options); | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div id='chart_div'></div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 20:56, 21 October 2012
