Team:UANLe Mexico/Test3

From 2012e.igem.org

(Difference between revisions)
 
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>

Latest revision as of 20:56, 21 October 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:UANLe_Mexico/Test3"