angular - 需要数据或数据集字段才能以 Angular 4 呈现字符条

Question

我正在尝试在我的 Angular 4 项目中使用 ng2-charts

HTML:

 <canvas baseChart
            [datasets]="customerBarChartData"
            [colors]="barChartColors"
            [options]="customerBarChartOptions"
            [legend]="barChartLegend"
            [chartType]="barChartType"
            ></canvas>

TS:

  geochatArry: Array<any> = [];
  ....
  public customerBarChartData:any[] = this.geochatArry;
  .... 
  /// Service
   this.geochatArry=data.json();
   console.log(this.geochatArry);

但我收到 ng-charts 配置错误，需要数据或数据集字段才能呈现字符栏。请告诉我我的错误在哪里。

谢谢。

Answer 1

当动态数据进入“customerBarChartData”数组时使用 *ngIf 它将起作用。

<div style="display: block" *ngIf="customerBarChartData">
   <canvas baseChart
   [datasets]="customerBarChartData"
   [colors]="barChartColors"
   [options]="customerBarChartOptions"
   [legend]="barChartLegend"
   [chartType]="barChartType">
</canvas>
</div>