Я посмотрел на Как изменить цвета для Angular -Chart.js, но он относится к цветам для всего набора (набора данных), а не к конкретному бар.
Я ищу способ применить различный цвет для каждого бара на гистограмме; ChartJS до Angular.
Итак, у меня есть гистограмма:
<canvas id="locationBar" class="chart chart-bar" data="chartParams.votes" labels="chartParams.listOfLocations" series="chartParams.series" colours="chartParams.colours" options="chartParams.options"></canvas>
Со следующим кодом angular (в контроллере, конечно)
$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()
вернет случайный цвет.
В настоящее время поле colours
применяет этот цвет ко всем барам:
когда мне действительно нужен другой цвет для каждого бара: