Rails / AngularJS / Chart.js - Line chart example directive

dashboard.js.coffee

app = angular.module('Main', [])

app.directive("chart", ->
  return (scope,element,attrs) ->
		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]
			]

		ctx = element[0].getContext("2d")
		new Chart(ctx).Line(data)
)

Gemfile

gem 'angularjs-rails'
gem 'chart-js-rails'

index.html.erb

<canvas width="600" height="400" chart></canvas>