Ng2 ChartData 填充了 observable答案

【问题标题】：Ng2 ChartData filled with observableNg2 ChartData 填充了 observable
【发布时间】：2021-11-08 12:17:29
【问题描述】：

我想用来自 observable 的不同值填充我的 NG2 图。通过以下代码，我可以获得用作标签的 ID。

下一步是使用 ID 后面的值计算平均值。这是有问题的。数据由 observable 作为字符串 [] 提供。 ChartData（数字）不能那么容易地填充它。有没有办法在此调用中将数据转换为数字？

public ChartData: ChartDataSets [] = [
  {data: [], label: 'Average'},
];
this.tasks.pipe(
  map(x => x.map(x => x.name))
).subscribe((result => this.ChartData.data = result)); // -> TS2322: Type 'string [ ] 'is not assignable to type' ChartDataSets [] '.

但如果这样可行，那么问题仍然存在，我必须将这些值相加，然后除以结果数。我什至可以用 NG2 图表和 observable 解决这个问题，还是我必须编写一个额外的模块来计算平均值？

【问题讨论】：

标签： angular chart.js ng2-charts

【解决方案1】：

您可以使用parseInt(value, base) 将字符串转换为数字（假设它实际上是一个数字），因此在您的情况下它看起来像

public ChartData: ChartDataSets [] = [
  {data: [], label: 'Average'},
];
this.tasks.pipe(
  map(x => x.map(x => parseInt(x.name, 10)))
).subscribe((result => this.ChartData.data = result));

【讨论】：