Угловой: избегайте прокрутки вверх при рисовании обновленных графиков - PullRequest
0 голосов
/ 01 марта 2019

Я сделал угловую приборную панель, которая показывает несколько компонентов графиков друг над другом в 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>

Мне нужно прокрутить страницу вниз, чтобы увидеть нижние графики.Наборы данных этих диаграмм обновляются каждую секунду, что вызывает обновление.Проблема в том, что в данный момент страница прокручивается до некоторой неизвестной для меня точки.

Обратите внимание, что графики анимированы.

Есть ли способ избежать этого?

...