React 차트 애니메이션

애니메이션을 사용하면 새 데이터 소스를 로드할 때 시리즈를 쉽게 만들 수 있습니다. 사용 가능한 애니메이션은 관련된 시리즈 유형에 따라 다릅니다. 예를 들어 열 계열은 x축에서 상승하여 애니메이션되고, 선 계열은 y축 원점에서 그려 애니메이션됩니다.

Animations are disabled in the Ignite UI for React Charts, but they can be enabled by setting the isTransitionInEnabled property to true. From there, you can set the transitionInDuration property to determine how long your animation should take to complete and the transitionInMode to determine the type of animation that takes place.

React Chart Animation Example

다음 예시는 다음을 묘사합니다. 선형 차트 애니메이션이 기본값으로 설정되어 있습니다transitionInMode- "자동." 이 예시 상단의 드롭다운과 슬라이더를 통해 다음 기능을 수정할 수 있습니다transitionInMode 그리고transitionInDuration 각각 지원하는 애니메이션이 서로 다른 속도에서 어떻게 보이는지 볼 수 있습니다.

Additional Resources

다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.

• 차트 주석
• 차트 하이라이트
• 차트 툴팁

API References

다음은 위 섹션에서 언급된 API 멤버 목록입니다.

• IgrCategoryChart
• isTransitionInEnabled
• transitionInDuration
• transitionInMode