jtblin/angular-chart.js

(function () {
  'use strict';

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

  app.controller('PieCtrl', ['$scope', function ($scope) {
    var cnt = 0;
    $scope.colors = [];
    $scope.labels = ['Series A', 'Series B'];
    $scope.chartGetColor = function () {
      return ++cnt % 2 > 0 ?
      { // 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)'
      };
    };
    $scope.data = [49, 65];
  }]);

})();