Merge branch 'master' of https://github.com/walsh1kt/chart-js-rails

Keith Walsh · Keith Walsh · commit 713efa2763dd · 2013-03-26T08:22:49.000-04:00
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# Chart.Js for Rails
+# Chart.js for Rails
 
 Integrate Chart.js into Rails Asset Pipeline
 
@@ -16,10 +16,42 @@ Or install it yourself as:
 
     $ gem install chart-js-rails
 
-In your application.js file, add
+Add this to your application.js file:
 		
-		//= require chart
+    //= require chart
 
 ## Usage
 
-Visit: http://www.chartjs.org/docs/ for general Chart.js usage
+Example Line Chart (coffeescript/haml):
+
+app.js.coffee:
+  
+    jQuery ->
+      data = {
+        labels : ["January","February","March","April","May","June","July"],
+        datasets : [
+          {
+            fillColor : "rgba(220,220,220,0.5)",
+            strokeColor : "rgba(220,220,220,1)",
+            pointColor : "rgba(220,220,220,1)",
+            pointStrokeColor : "#fff",
+            data : [65,59,90,81,56,55,40]
+          },
+          {
+            fillColor : "rgba(151,187,205,0.5)",
+            strokeColor : "rgba(151,187,205,1)",
+            pointColor : "rgba(151,187,205,1)",
+            pointStrokeColor : "#fff",
+            data : [28,48,40,19,96,27,100]
+          }
+        ]
+      }
+
+    myNewChart = new Chart($("#canvas").get(0).getContext("2d")).Line(data)
+    
+index.haml.html:
+
+    %canvas#canvas{:height => "450", :width => "600"}
+
+
+Visit: http://www.chartjs.org/docs/ for more Chart.js usage
