Como posso definir cores diferentes para cada barra no angular-chart.js?
Eu olheiComo alterar as cores do Angular-Chart.js, mas está relacionado às cores de um conjunto inteiro (conjunto de dados), não de uma barra específica.
O que estou procurando é uma maneira de aplicarCor diferente para cada barra em um gráfico de barras; ChartJS para Angular.
Então, eu tenho um gráfico de barras:
<canvas id="locationBar" class="chart chart-bar" data="chartParams.votes" labels="chartParams.listOfLocations" series="chartParams.series" colours="chartParams.colours" options="chartParams.options"></canvas>
Com o seguinte código angular (em um controlador, é claro)
$scope.chartParams = {
listOfLocations: ['Trenzalore','Earth','Caprica','Sol','Tau Ceti'],
votes: [[5,10,6,7,2]],
series: ["Nice Places"],
colours: [{fillColor:getRandomColour()}],
options: {barShowStroke : false}
};
OndegetRandomColour()
retornaria uma cor aleatória.
Neste momento, ocolours
O campo aplica esta cor a todas as barras:
quando eu realmente quero uma cor diferente para cada barra: