Angular，D3 - 无法读取未定义的属性“forEach”答案

【问题标题】：Angular, D3 - Cannot read property 'forEach' of undefinedAngular，D3 - 无法读取未定义的属性“forEach”
【发布时间】：2017-11-07 03:24:45
【问题描述】：

我正在尝试使用 D3 在 Angular 中创建堆积条形图。

图表数据需要是JSON数据。

我找到了一个使用 JSON 的堆积条形图示例

这就是我在 Angular 中建立 plunker 的基础

我收到了错误

ERROR TypeError: Cannot read property 'forEach' of undefined

此时

this.data.forEach((d:any) =>{
    d.total = 0;
    this.keys.forEach((k:any) =>{
        d.total += d[k];
    })
});

我猜这是打字稿问题。

如何停止此错误并在 Angular 中显示堆积条形图。

【问题讨论】：

【解决方案1】：

您必须在声明时初始化 keys 数组以避免错误：

public keys : any[] = [];

【讨论】：