TypeError:无法读取未定义的-ngx-charts bar-vertical-stacked的属性'length‘

Question

我尝试使用角度图(ngx- chart - bar - vertical - stacked )在堆叠的垂直条形图中显示计数报告，但我得到了以下错误：

​

​

动态构建数据，例如//app.ts

array chartDataNGX:any[];

然后在构造函数中调用getChatrtData()，然后在getchartdata中如下所示

this.chartDataNGX.push( 
  {"name": "TEST2","series": [
      {"name": "Target","value": 40632},
      {"name": "Actual","value": 36953}, 
      {"name": "Projected","value": 31476}
  ]}, 
  {"name": "TEST3","series": [
      {"name": "Target","value": 40632}, 
      {"name": "Actual","value": 36953}, 
      {"name": "Projected","value": 31476}
      ]
  });

它失败了，因为‘无法读取属性’长度‘的未定义’，所以我做错了什么？

请帮帮忙。

Answer 1

如果结果为空，请尝试使用ngIf避免生成图形

  <div *ngIf="chartDataNGX.length">
    <ngx-charts-bar-vertical-stacked
      [view]="view"
      [scheme]="colorScheme"
      [results]="chartDataNGX"
      [gradient]="gradient"
      [xAxis]="showXAxis"
      [yAxis]="showYAxis"
      [legend]="showLegend"
      [showXAxisLabel]="showXAxisLabel"
      [showYAxisLabel]="showYAxisLabel"
      [xAxisLabel]="xAxisLabel"
      [yAxisLabel]="yAxisLabel"
      (select)="onSelect($event)">
    </ngx-charts-bar-vertical-stacked>
   </div>

通常，我们在构造函数中初始化变量，而将方法留在ngOnInit生命周期钩子中完成