Я сделал угловую приборную панель, которая показывает несколько компонентов графиков друг над другом в 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>
Мне нужно прокрутить страницу вниз, чтобы увидеть нижние графики.Наборы данных этих диаграмм обновляются каждую секунду, что вызывает обновление.Проблема в том, что в данный момент страница прокручивается до некоторой неизвестной для меня точки.
Обратите внимание, что графики анимированы.
Есть ли способ избежать этого?