line chart with ChartJS
HTML
<link rel="stylesheet" href="https://rawgit.com/jtblin/angular-chart.js/master/dist/angular-chart.css">
<script src="https://rawgit.com/nnnick/Chart.js/v1.0.2/Chart.min.js"></script>
<script src="https://rawgit.com/jtblin/angular-chart.js/master/dist/angular-chart.min.js"></script>
<div ng-app="app">
<div ng-controller="ctrlr">
<canvas id="bar" class="chart chart-bar" data="data" labels="labels" legend="true" series="series" options="{showTooltips: false}" colours="[ { fillColor: '#ffff00' }, { fillColor: '#0066ff' } ]"></canvas>
</div>
</div>
JavaScript
angular.module("app", ["chart.js"])
.controller("ctrlr", ['$scope', function ($scope) {
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
$scope.data = [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
}]);