Angular 具有ng2图表的对象中的数组的ngfor

Angular 具有ng2图表的对象中的数组的ngfor,angular,ngfor,Angular,Ngfor,我正在尝试使用ng2图表绘制许多图表。我正在使用ngFor在数组中循环,并尽可能多地绘制数组 实际上我有一个这样的数组: full_graph = [ { data : [2,4], labels: ['oct','nov'] }, { data : [2,4], labels: ['oct','nov'] } ] 所以我应该有两张图(实际上是折线图) 在我的html文件中: <ion-list *ngF

我正在尝试使用ng2图表绘制许多图表。我正在使用
ngFor
在数组中循环,并尽可能多地绘制数组

实际上我有一个这样的数组:

   full_graph =  [
    {
    data : [2,4],
    labels: ['oct','nov']
    },
    {
    data : [2,4],
    labels: ['oct','nov']
    }
    ]
所以我应该有两张图(实际上是折线图)

在我的html文件中:

  <ion-list *ngFor="let data of full_graph">
    <ion-card *ngFor= 'let d of data'>
        {{d.data}}
        {{d.labels}}
        <canvas baseChart width="400" height="400"
        [datasets]="d.data"
        [labels]="d.labels"
        [options]="lineChartOptions"
        [colors]="lineChartColors"
        [legend]="lineChartLegend"
        [chartType]="lineChartType"
        [plugins]="lineChartPlugins"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)">
      </canvas>
    </ion-card>
  </ion-list>
如果取而代之的是画布中的d.data和d.labels,我给出了2个简单数组,它可以完美地工作,所以我不明白为什么我不能这样做

谢谢

问题就在这里-

<ion-list *ngFor="let data of full_graph">
  <ion-card *ngFor= 'let d of data'>

您试图将“数据”作为数组而不是对象,因为full_graph是一个对象数组而不是数组数组,所以您可以使用下面的代码替换上面的代码来修复此问题-

 <ion-list>
   <ion-card *ngFor="let d of full_graph">


我以前试过,但不起作用。我得到了以下信息:ERROR ERROR:ng charts配置错误,在BaseChartDirective.getDatasets(ng2 charts.js:863)中呈现图表行需要数据或数据集字段。使用我的双ngFor,我可以用我的{{d.data}}=>在离子卡内显示我的值,但在画布内它没有..component.ts文件中是否有任何名为'data'的变量?我在名为data的函数内有一个局部变量。您是否尝试在*ngFor循环中将变量名数据更改为其他变量?这让我有点困惑,为什么这个案例需要2*ngFor循环!是的,我也有,但我可以显示数据。。。我不明白为什么我可以显示它而不是绘制它。。
 <ion-list>
   <ion-card *ngFor="let d of full_graph">