时间戳

首页 > 解决方案 > Typescript Array 和 ChartJs 的问题

arrays - Typescript Array 和 ChartJs 的问题

问题描述

我正在尝试使用ChartJsangular7，我必须在饼图中显示一些简单的数据。

根据文档，我只需要填充一个数组并将其传递给画布组件。但是当我在循环中生成数组时（使用方法推送，因为我从服务器获取数据，o 这个数组具有动态长度）出现问题，饼图仅以灰色显示数据，而它应该选择随机颜色每对值/标签。

但是，如果像在 doc 中那样构建数组[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];

正确的可视化

标签： arraysangulartypescriptchartsangular7

解决方案

推荐阅读