如何用chartJS动态地将图表数据传递到angular 10中的共享图表组件

rqcrx0a6 于 2023-03-02 发布在 Chart.js

关注(0)|答案(1)|浏览(149)

我已经创建了一个共享组件，用于使用chart.js显示图表，它可以很好地处理模拟/静态数据，但当我尝试传递动态数据时，它什么也不显示。
以下是我尝试过的stackblitz
共享组件：应用程序/组件/图表父组件：应用程序/应用程序组件. ts

chart.js

来源：https://stackoverflow.com/questions/75527729/how-to-dynamically-pass-chart-data-to-shared-chart-component-in-angular-10-with

1条答案

按热度按时间

mutmk8jj1#

已使用 *ngIf解决问题

<ng-container *ngIf="dataSets[0].data.length > 0 && labels.length > 0">
  <app-chart
    [type]="chartType.Line"
    [dataSets]="dataSets"
    [labels]="labels"
    [options]="options"
  ></app-chart>
</ng-container>

stackblitz

赞(0）回复(0）举报 2023-03-02

我来回答

如何用chartJS动态地将图表数据传递到angular 10中的共享图表组件

1条答案

相关问题

热门标签

最新问答