jtblin/angular-chart.js

(function () {
  'use strict';

  var app = angular.module('pie', ['chart.js']);
  Chart.defaults.global.legend = {
    display: false
  };

  app.controller('PieCtrl', ['$scope', '$timeout', function ($scope, $timeout) {
    $scope.labels = ['Series A', 'Series B'];
    $scope.data = [65, 59];
    $scope.colors = [{ // red
      backgroundColor: 'rgba(247,70,74,0.2)',
      borderColor: 'rgba(247,70,74,1)',
      pointBackgroundColor: 'rgba(247,70,74,1)',
      pointBorderColor: '#fff',
      pointHoverBackgroundColor: '#fff',
      pointHoverBorderColor: 'rgba(247,70,74,0.8)'
    },
      { // green
        backgroundColor: 'rgba(70,191,189,0.2)',
        borderColor: 'rgba(70,191,189,1)',
        pointBackgroundColor: 'rgba(70,191,189,1)',
        pointBorderColor: '#fff',
        pointHoverBackgroundColor: '#fff',
        pointHoverBorderColor: 'rgba(70,191,189,0.8)'
      }];

    $timeout(function () {
      $scope.data = [49, 65];
    }, 0);
  }]);

})();