Angular，D3 - 无法读取属性＆＃39; forEach＆＃39;未定义的

Question

我这里有一个傻瓜 - https://plnkr.co/edit/3BtK3aYltU3jzV5hC9DW?p=preview

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

图表数据需要是JSON数据。

我找到了使用JSON

的堆积条形图的示例

D3 Stacked Chart with JSON data

这就是我在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中显示堆积的条形图。

Answer 1

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

public keys : any[] = [];