Я пытаюсь использовать ChartJs
с angular7, и мне нужно показать некоторые простые данные в круговой диаграмме.
Согласно документации, мне нужно только заполнить массив и передать его компоненту Canvass. Но когда я генерирую массив внутри цикла (используя метод push, потому что я получаю данные с сервера, или этот массив имеет динамическую длину), что-то идет не так, и на круговой диаграмме данные отображаются только серым цветом, в то время как для произвольных цветов значение каждой пары / метка.
Но если построить массив, как в документе [a,b,c,d]
, они отображаются правильно.
- неправильный массив
this.pieChartLabels = [];
this.pieChartData = [];
for (const x of this.userWorkloadArray) {
this.pieChartData.push(2);
this.pieChartLabels.push(x.username);
}
- правильный массив
this.pieChartLabels = [['Download', 'Sales'], ['In', 'Store', 'Sales'], 'Mail Sales'];
this.pieChartData = [300, 500, 100];