angular - TypeError：无法读取未定义的属性“长度” - ngx-charts-bar-vertical-stacked

Question

我正在尝试使用角度图（ngx-charts-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生命周期钩子中完成方法