Angular D3饼图，带角度8的动态数据

我正在Angular 8中创建一个

d3

饼图，该图创建时没有任何问题。 数据是静态的，就像这样

静态数据

  samples: PieGraph[] = [
    { name: "Emirates", value: 202921689.73000002 },
    { name: "DHL", value: 32839771.62 },
  ];

当我从API获取数据并将其推送到

samples

时，数组图消失

我认为，在切片从服务中获取值之前创建的图表

服务

this.data.forEach(x => {
          Object.entries(x.data.tnge.airline).forEach(([key, value]) => {
            console.log(key, value, "sadfasdfsd");
            this.samples.push({ name: key, value: value });
          });
        });
console.log(this.samples, "sample ==== Data");

控制台

this.data.forEach(x => {
          Object.entries(x.data.tnge.airline).forEach(([key, value]) => {
            console.log(key, value, "sadfasdfsd");
            this.samples.push({ name: key, value: value });
          });
        });
console.log(this.samples, "sample ==== Data");

绿色：仅显示2项，即使显示数据已正确填充。饼图只显示了两个切片

红色数据来自

服务

---

您必须先检查创建id后创建的数据，该id用于具有

*ngIf

条件的图表。您必须先检查创建id后创建的数据，该id用于具有

*ngIf

条件的图表