Я пытаюсь изменить цвет всей горизонтальной панели группы в IONIC 3 с chart.js - PullRequest
0 голосов
/ 17 декабря 2018

Здравствуйте, я пытаюсь изменить цвет определенной группы горизонтальной полосы, например, на изображении группа 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>

Image of App Ionic 3

...