Question

我正在尝试根据某些json显示图表。我做了一个管道来访问json对象的各个部分，但不知道如何使用数据，如下所示：

[ { "name": "Completed", "value": 50 }, { "name": "Remaining", "value": 50 } ]

在ngFor。

中

通常我会这样做：

  <ngx-charts-advanced-pie-chart
    mdTooltip="Click to change unit"
    [tooltipDisabled] = "true"
    [scheme]="colorScheme"
    [results]="results"     <----this is where the results normally go
    [gradient]="gradient"
    [view]="view"
    (select)="onChartClick()"
    >
  </ngx-charts-advanced-pie-chart>

我想尝试这样的事情：

 <div *ngFor="let chair of targetChairs | chairDimensions">
  <ngx-charts-advanced-pie-chart
    mdTooltip="Click to change unit"
    [tooltipDisabled] = "true"
    [scheme]="colorScheme"
    [results]="{{ chair.value.data.height | json }}"
    [gradient]="gradient"
    [view]="view"
    (select)="onChartClick()"
    >
  </ngx-charts-advanced-pie-chart>
</div>

这不起作用，但有没有办法实现这个目标？

Answer 1

所以我在git页面here上发现了一个类似的问题，解决了我的问题，所以这是我用过的，以防其他人遇到这个问题：

 <div *ngFor="let chair of targetChairs | chairDimensions">
  <ngx-charts-advanced-pie-chart
    mdTooltip="Click to change unit"
    [tooltipDisabled] = "true"
    [scheme]="colorScheme"
    [results]="chair.value.data.feet"
    [gradient]="gradient"
    [view]="view"
    (select)="onChartClick()"
    >
  </ngx-charts-advanced-pie-chart>
</div>

角度2 - NGX图表的插值结果在ngFor内

1 个答案: