Blazor 차트 애니메이션

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

Animations are disabled in the Ignite UI for Blazor 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.

Blazor Chart Animation Example

The following example depicts a Line Chart with an animation set to the default TransitionInMode - "Auto." The drop-down and slider at the top in this example will allow you to modify the TransitionInMode and TransitionInDuration, respectively, so that you can see what the different supported animations look like at different speeds.

Additional Resources

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

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

API References

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

• IgbCategoryChart
• IsTransitionInEnabled
• TransitionInDuration
• TransitionInMode