Как иметь сплошные цветные полосы в гистограмме углового графика
Я использую angular-chart (основанный на chart.js) для создания некоторых гистограмм, и у меня возникают проблемы с получением нужного мне стиля гистограммы. Я хочу, чтобы столбцы были однотонными, вот так:
Но я не могу понять, как избавиться от альфы, которую добавляет chart.js по умолчанию:
Мой HTML выглядит так:
<body ng-app="myApp" ng-controller="myController as ctrl">
<canvas id="outreach" class="chart chart-bar"
chart-labels="ctrl.socialChart.labels"
chart-data="ctrl.socialChart.data"
chart-series="ctrl.socialChart.series"
chart-colors="ctrl.socialChart.colors"
chart-options="ctrl.socialChart.options"></canvas>
</body>
И JavaScript:
angular.module('myApp', ['chart.js'])
.controller('myController', [function() {
var ctrl = this;
ctrl.socialChart = {
options: {
legend: {
display: true
}
},
labels: ['2012'],
series: ['FACEBOOK', 'GOOGLE', 'TWITTER', 'INSTAGRAM'],
// colors: ['rgba(237, 64, 42, 1)', 'rgba(240, 171, 5, 1)', 'rgba(160, 180, 33, 1)', 'rgba(0, 163, 159, 1)'],
colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'],
data: [[1178], [652], [1004], [838]]
}
}]);
Вот Plunker, демонстрирующий это:Plunker
Я нашел много информации об использовании нотации rgba (которая по какой-то причине дает мне неправильные цвета) и fillColor (что я вообще не могу заставить работать). Трудно сказать, какая информация для версии 1 или 2 файла chart.js.
Любая помощь будет оценена.