이것은 아마도 #1410에 설명된 것과 관련이 있을 것입니다.

시리즈 데이터가 설정되면 차트 업데이트 함수가 호출됩니다.
https://github.com/dynatrace-oss/barista/blob/24647e8c15b388cd128ba102fe9f6cf1ffbb4620/libs/barista-components/chart/src/chart.ts#L232 -L236

이 업데이트 기능에서는 현재 차트 개체를 파괴하고 다시 인스턴스화해야 합니다. Highcharts에는 업데이트 기능이 있지만 소비자가 시리즈 또는 차트 옵션의 모든 속성을 업데이트할 수는 없습니다. 이것은 과거에 문제로 이어졌기 때문에 6df1df81f9f935e6185505757893b4a4ba965099에서 재인스턴스화 기능을 구현했습니다.

변경 전 업데이트 기능은 Highcharts.update 기능에 새 시리즈와 옵션이 전달된 모습입니다.
https://github.com/dynatrace-oss/barista/blob/dd7fa6f35daa06593081a9700c74fe50757f77ef/src/lib/chart/chart.ts#L543 -L553

재구성하는 동안 짧은 시간 동안 차트 요소의 높이가 0이 되어 재스크롤이 발생합니다.
해결 방법으로 @TannerGilbert 를 사용하면 리플로우를 방지하기 위해 컨테이너 또는 차트 자체의 높이를 설정하여 이를 우회할 수 있습니다.
https://stackblitz.com/edit/scroll-bug-mvactj?file=src%2Fapp%2Fapp.component.scss

@ffriedl89 @lukasholzer 이 문제에

예, 부작용에 관해서는 확실하지 않습니다. 예를 들어 높이를 재설정한 후 선택 영역(이 주제가 트리거되어야 함)에서 항상 this._chart._afterRender 를 확인하기 때문입니다.

나는 그것이 어떻게 개선되는지에 대한 통찰력을 얻기 위해 그것을 테스트하는 것이 가장 좋은 접근 방식이라고 생각합니다.

@TannerGilbert 이 수정 사항을 라이브러리에 제공하시겠습니까? 물론 우리는 페어 프로그래밍 세션에서도 당신을 도울 수 있습니다.

@lukasholzer 버그 수정에 도움을 주고 싶지만 바리스타 코드베이스와 하이차트에 대한 지식은 상당히 제한적입니다. 또한 페어 프로그래밍 세션은 나에게 좋은 것 같습니다. Slack에 대한 시간을 논의할 수 있습니다.

내부 문제 추적으로 이동