Angular 2延迟元素在循环中呈现

Question

在我的应用程序中，我从API获取一些数据，数据基本上只是一个对象数组，其中每个对象都传递给prime-ng图表模块。代码看起来像这样：

<div class="row justify-content-center">

  <div *ngFor="let set of chartdata" class="col col-12">
    <div class="row justify-content-center">
      <div class="col col-6"><p-chart type="bar" [data]="set[0]['data']" [options]="set[0]['options']"></p-chart></div>
      <div class="col col-6"><p-chart type="bar" [data]="set[1]['data']" [options]="set[1]['options']"></p-chart></div>
    </div>
  </div>

</div>

当chartdata数组包含超过4-6个元素时，图表不能平滑渲染，我宁愿一次显示一行包含2个图表，并且在开始渲染下一个图表之前给它一些毫秒的渲染时间排2张图表。 任何人都知道实现这一结果的最佳方法是什么？