Added more updates

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

new file mode 100644 (file)

index 0000000..5bf4b5b
--- /dev/null
+++ b/client-freqwatch/Chart.js/samples/bar.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html>
+       <head>
+               <title>Bar Chart</title>
+               <script src="../Chart.js"></script>
+       </head>
+       <body>
+               <div style="width: 50%">
+                       <canvas id="canvas" height="450" width="600"></canvas>
+               </div>
+
+
+       <script>
+       var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
+
+       var barChartData = {
+               labels : ["January","February","March","April","May","June","July"],
+               datasets : [
+                       {
+                               fillColor : "rgba(220,220,220,0.5)",
+                               strokeColor : "rgba(220,220,220,0.8)",
+                               highlightFill: "rgba(220,220,220,0.75)",
+                               highlightStroke: "rgba(220,220,220,1)",
+                               data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
+                       },
+                       {
+                               fillColor : "rgba(151,187,205,0.5)",
+                               strokeColor : "rgba(151,187,205,0.8)",
+                               highlightFill : "rgba(151,187,205,0.75)",
+                               highlightStroke : "rgba(151,187,205,1)",
+                               data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
+                       }
+               ]
+
+       }
+       window.onload = function(){
+               var ctx = document.getElementById("canvas").getContext("2d");
+               window.myBar = new Chart(ctx).Bar(barChartData, {
+                       responsive : true
+               });
+       }
+
+       </script>
+       </body>
+</html>