Здравствуйте, я пытаюсь изменить цвет определенной группы горизонтальной полосы, например, на изображении группа 15 должна иметь только один цвет, а также 14 и последовательно, и библиотека чередует его, есть некоторыеспособ изменить это или использовать другую библиотеку, чтобы сделать такого рода изменения в группе горизонтальных столбцов, я использую chart.js и ionic 3
public barChartData: any[] = [
{
label: 'C1',
data: [17, 23 , 78, 89, 75, 41, 65, 79],
},
{
data: [82, 228 , 399, 395, 325, 220, 421, 432],
label: 'C2'
},
{
data: [59, 199, 299, 370, 315, 300, 321],
label: 'C3'
},
{
data: [94, 170 , 497, 440, 396, 490, 495, 400],
label: 'C4'
}, ];
public barChartColors:Array<any> = [
{
backgroundColor: 'rgba(24, 66, 128)',
borderColor: 'rgba(255, 255, 255)',
},
{
backgroundColor: 'rgba(134, 137, 142)',
borderColor: 'rgba(255, 255, 255)',
},
{
backgroundColor: 'rgba(0, 0, 0)',
borderColor: 'rgba(255, 255, 255)',
},
{
backgroundColor: 'rgba(225, 133, 36)',
borderColor: 'rgba(255, 255, 255)',
},];
public barChartLabels: string[] = ['15', '14', '13', '12', '11', '10', '9', '8'];
<canvas baseChart height="310"
[datasets]="barChartData"
[labels]="barChartLabels"
[options]="barChartOptions"
[colors]="barChartColors"
[legend]="barChartLegend"
[chartType]="barChartType"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)"></canvas>
