角度：在绘制更新的图表时避免向上滚动

Question

我制作了一个有角度的仪表板，它在mdb卡中显示了多个彼此重叠的图形组件，如下所示：

<mdb-card>
  <mdb-card-body>
    <mdb-card-title>
      <h5>{{barChart.Title}}</h5>
    </mdb-card-title>
    <div style="display: block">
      <canvas mdbChart
              height="100"
              [chartType]="barChart.Type"
              [datasets]="barChart.DataSets"
              [labels]="barChart.Labels"
              [colors]="barChart.Colors"
              [options]="barChart.Options"
              [legend]="true"
              (chartHover)="barChart.Hover($event)"
              (chartClick)="barChart.Click($event)"></canvas>
    </div>
  </mdb-card-body>
</mdb-card>

我必须向下滚动页面才能看到底部的图表。 这些图表数据集每秒钟更新一次，从而触发刷新。问题是这一次页面向我滚动到未知的位置。

请注意，这些图是动画的。

有办法避免吗？