Typescript Array和ChartJs问题

Question

我正在尝试将ChartJs与angular7配合使用，并且必须在饼图中显示一些简单数据。

根据文档，我只需要填充一个数组并将其传递给canvas组件。但是，当我在循环内生成数组时（使用方法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];