this.chartLabels.forEach((item,index) => {
      if(item == 'APPLICATION'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#053326' : this.colorArray[0].backgroundColor = '#053326'
      } else if(item == 'INTEGRATION'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#076349' : this.colorArray[0].backgroundColor = '#076349'
      } else if(item == 'FRONTEND'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#2E997B' : this.colorArray[0].backgroundColor = '#2E997B'
      } else if(item == 'INFRASTRUCTURE'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#52CCA9' : this.colorArray[0].backgroundColor = '#52CCA9'
      } else if(item == 'DATABASE'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#78D2B9' : this.colorArray[0].backgroundColor = '#78D2B9'
      } else if(item == 'GATEWAY'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#44A89D' : this.colorArray[0].backgroundColor = '#44A89D'
      } else if(item == 'PROXY'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#3A8F68' : this.colorArray[0].backgroundColor = '#3A8F68'
      } else if(item == 'LOAD_BALANCER'){
        Array.isArray(this.colorArray[0].backgroundColor) ? this.colorArray[0].backgroundColor[index] = '#4FAB81' : this.colorArray[0].backgroundColor = '#4FAB81'
      }
    })

const itemsMatch = {
  APPLICATION: '#053326',
  INTEGRATION: '#076349',
  FRONTEND: '#2E997B',
  INFRASTRUCTURE: '#52CCA9',
  // итд
};

this.chartLabels.forEach((item,index) => {
  const color = itemsMatch[item];

  Array.isArray(this.colorArray[0].backgroundColor)
    ? this.colorArray[0].backgroundColor[index] = color;
    : this.colorArray[0].backgroundColor = color;
})