f

2017-09-15 22:29:39 -07:00
parent fe9e5e9773
commit 862ca4bd3b
1 changed files with 29 additions and 18 deletions
@@ -1,21 +1,32 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-        <script src="mainJs.js"></script>
-    </head>
+<<html>
+  <head>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+    <script type="text/javascript">
+      google.charts.load('current', {'packages':['corechart']});
+      google.charts.setOnLoadCallback(drawChart);

-    <body>
-        <div id="piechart" style="width: 900px; height: 500px;">
-        </div>
-        <div id="chart_div"></div>
-        <br>
-        <div id="btn-group">
-            <button class="button button-blue" id="none">No Format</button>
-            <button class="button button-blue" id="scientific">Scientific Notation</button>
-            <button class="button button-blue" id="decimal">Decimal</button>
-            <button class="button button-blue" id="short">Short</button>
-        </div>
-    </body>
+      function drawChart() {

+        var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['Work',     11],
+          ['Eat',      2],
+          ['Commute',  2],
+          ['Watch TV', 2],
+          ['Sleep',    7]
+        ]);
+
+        var options = {
+          title: 'My Daily Activities'
+        };
+
+        var chart = new google.visualization.PieChart(document.getElementById('piechart'));
+
+        chart.draw(data, options);
+      }
+    </script>
+  </head>
+  <body>
+    <div id="piechart" style="width: 900px; height: 500px;"></div>
+  </body>
 </html>