1 files changed, 52 insertions, 0 deletions
diff --git a/www/lib/chart.horizontalbar/samples/horizontal-bar.html b/www/lib/chart.horizontalbar/samples/horizontal-bar.html
new file mode 100644
index 00000000..b7b92ed3
--- /dev/null
+++ b/www/lib/chart.horizontalbar/samples/horizontal-bar.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+	<head>
+		<title>Horizontal Bar Chart</title>
+		<script src="http://www.chartjs.org/assets/Chart.min.js"></script>
+    <script src="../Chart.HorizontalBar.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");
+
+	      var chart = new Chart(ctx).HorizontalBar(barChartData, {
+	  			responsive: true,
+	        barShowStroke: false
+	  		});
+	  	};
+
+		</script>
+	</body>
+</html>