Отложенная загрузка amchart не отображается при прокрутке вниз

#javascript #angular #amcharts #amcharts4

#javascript #угловой #amcharts #amcharts4

Вопрос:

Я использую amcharts 4.9.31 в приложении Angular 10. Я работаю над тем, чтобы заставить диаграммы «лениво загружаться» при прокрутке страницы.
У меня установлен этот параметр am4core.options.onlyShowOnViewport = true; , теперь диаграммы, которые находятся за пределами области просмотра, не загружаются при прокрутке в поле зрения. Но они появляются, когда я изменяю размер браузера. Как мне получить ожидаемое поведение, т. Е. Чтобы Диаграммы отображались при прокрутке контейнера в поле зрения?

Комментарии:

1. Вы пробовали настраивать каждую диаграмму, ТОЛЬКО если ее контейнер находится в поле зрения? Я бы попробовал с помощью Intersection Observer API распознавать всякий раз, когда мой контейнер появляется на экране, и запускать там метод, который загружает эту конкретную диаграмму.

2. Хм, интересная идея. Если все остальное не удается, может пойти по этому пути, но я бы предпочел использовать amcharts api и не беспокоиться о том, чтобы делать это самому.