Estou precisando criar um array ao qual irá ler 4 valores de tipo string e após isso irei passar em um gráfico para criar suas colunas com as respectivas cores (strings).
Esse é o meu array (poo: []) :
data() {
return {
graphicData: {
type: 'bar',
data: {
labels: [],
datasets: [],
},
options: {
responsive: true,
lineTension: 1,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
padding: 25,
},
},
],
},
},
},
average: 0,
stepsGrade: [],
poo: [], //Esse é meu array
Eu passo os valores para ele neste computed:
case 'P4':
if (this.stepsGrade[0].step_grade > 92) {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-happy', color: 'green' });
this.poo.push('green');;
} else {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-sad', color: 'red' });
this.poo.push('red');
}
if (this.stepsGrade[1].step_grade > 88) {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-happy', color: 'green' });
this.poo.push('green');;
} else {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-sad', color: 'red' });
this.poo.push('red');
}
if (this.stepsGrade[2].step_grade > 84) {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-happy', color: 'green' });
this.poo.push('green');;
} else {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-sad', color: 'red' });
this.poo.push('red');
}
if (this.stepsGrade[3].step_grade > 80) {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-happy', color: 'green' });
this.poo.push('green');;
} else {
this.stepGradeIcon.push({ icon: 'mdi-emoticon-sad', color: 'red' });
this.poo.push('red');
}
break;
}
return this.stepGradeIcon;
No meu console log possuo os dados da seguinte maneira:
[__ob__: Observer]
0: "red"
1: "green"
2: "green"
3: "green"
length: 4
__ob__: Observer {value: Array(4), dep: Dep, vmCount: 0}
[[Prototype]]: Array
Como posso fazer a leitura desses 4 valores ?