Comment puis-je définir des couleurs différentes pour chaque barre dans angular-chart.js?

J'ai regardé Comment changer les couleurs pour Angular-Chart.jsmais elle se rapporte à des couleurs pour un ensemble (ensemble de données), pas une barre spécifique.

Ce que je suis à la recherche d'un moyen pour appliquer Couleur différente pour chaque barre dans un graphique à barres; ChartJS Angulaire.

Donc, j'ai un graphique à barres:

<canvas id="locationBar" class="chart chart-bar" data="chartParams.votes" labels="chartParams.listOfLocations" series="chartParams.series" colours="chartParams.colours" options="chartParams.options"></canvas> 

Avec le suivant angulaire de code (dans un contrôleur de cours)

$scope.chartParams = {
    listOfLocations: ['Trenzalore','Earth','Caprica','Sol','Tau Ceti'],
    votes: [[5,10,6,7,2]],
    series: ["Nice Places"],
    colours: [{fillColor:getRandomColour()}],
    options: {barShowStroke : false}
};

getRandomColour() serait de retour d'une couleur aléatoire.

Droit maintenant, le colours champ s'applique cette couleur pour toutes les barres:

Comment puis-je définir des couleurs différentes pour chaque barre dans angular-chart.js?

quand je veux en fait une couleur différente pour chaque barre:

Plunker

source d'informationauteur Huey | 2015-05-02