Added more updates

[soho-sigint.git] / client-freqwatch / Chart.js / samples / pie.html
diff --git a/client-freqwatch/Chart.js/samples/pie.html b/client-freqwatch/Chart.js/samples/pie.html

new file mode 100644 (file)

index 0000000..255a499
--- /dev/null
+++ b/client-freqwatch/Chart.js/samples/pie.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html>
+       <head>
+               <title>Pie Chart</title>
+               <script src="../Chart.js"></script>
+       </head>
+       <body>
+               <div id="canvas-holder">
+                       <canvas id="chart-area" width="300" height="300"/>
+               </div>
+
+
+       <script>
+
+               var pieData = [
+                               {
+                                       value: 300,
+                                       color:"#F7464A",
+                                       highlight: "#FF5A5E",
+                                       label: "Red"
+                               },
+                               {
+                                       value: 50,
+                                       color: "#46BFBD",
+                                       highlight: "#5AD3D1",
+                                       label: "Green"
+                               },
+                               {
+                                       value: 100,
+                                       color: "#FDB45C",
+                                       highlight: "#FFC870",
+                                       label: "Yellow"
+                               },
+                               {
+                                       value: 40,
+                                       color: "#949FB1",
+                                       highlight: "#A8B3C5",
+                                       label: "Grey"
+                               },
+                               {
+                                       value: 120,
+                                       color: "#4D5360",
+                                       highlight: "#616774",
+                                       label: "Dark Grey"
+                               }
+
+                       ];
+
+                       window.onload = function(){
+                               var ctx = document.getElementById("chart-area").getContext("2d");
+                               window.myPie = new Chart(ctx).Pie(pieData);
+                       };
+
+
+
+       </script>
+       </body>
+</html>