Web Components 차트 애니메이션

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

Ignite UI for Web Components 차트에서는 애니메이션이 비활성화되어 있지만, 속성을 true로 설정isTransitionInEnabled 하면 활성화할 수 있습니다. 그 다음, 애니메이션이 완료transitionInDuration 되는 데 걸리는 시간과 어떤 종류의 애니메이션이 진행되는지 속성을 설정할transitionInMode 수 있습니다.

Web Components Chart Animation Example

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

Additional Resources

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

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

API References

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

• IgcCategoryChartComponent
• isTransitionInEnabled
• transitionInDuration
• transitionInMode