line chart with ChartJS

HTML

<script src="https://rawgit.com/nnnick/Chart.js/v1.0.2/Chart.min.js"></script>
<script src="https://rawgit.com/jtblin/angular-chart.js/0.8.0/dist/angular-chart.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/jtblin/angular-chart.js/0.8.0/dist/angular-chart.css">
<div ng-app="App">
    <div ng-controller="Controller">
        <canvas id="pie33" options="options" class="chart chart-pie chart-xs ng-isolate-scope" height="120" width="240" data="pieDiskData.data" labels="pieDiskData.labels" colours="pieDiskData.colours" legend="true"></canvas>
    </div>
</div>

JavaScript

angular.module('App', ["chart.js"]);


angular.module('App').controller('Controller', ['$scope', '$http', '$location', '$window',

function ($scope, $http, $location, $window) {
    $scope.options = {
        tooltipEvents: [],
        showTooltips: true,
        tooltipCaretSize: 0,
        onAnimationComplete: function () {
            this.showTooltip(this.segments, true);
        },
    };

    var diskDataJson = {
        "data": [80, 12],
            "labels": ["Used space", "Free Space"],
            "colours": ['#9AB6F0', '#C2D3F6']
    };

    $scope.pieDiskData = diskDataJson;
}]);