Chart

by Fred Loney

HTML

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="https://github.com/chinmaymk/angular-charts/blob/master/dist/angular-charts.min.js"></script>
<div ng-controller='GraphCtrl' ac-chart="line" ac-data="graph_data"
             ac-config="graph_config" class="chart">
</div>

CSS

.chart {
	height:200px;
}

CoffeeScript

app = angular.module 'myApp', ['angularCharts']

app.controller 'GraphCtrl', ($scope) - >
    values = [3.6, 12.4, 16.8, 22.1, 14.3, 11.9, 8.4]
    $scope.graph =
        data:
            series: ['Intensity']
            data: [{x: (i + 1).toString(), y: values[i]}
                   for i in [0...values.length]]
        config:
            title: 'Intensity'
    $scope.graph_data = $scope.graph.data
    $scope.graph_config = $scope.graph.config