IsAnimated プロパティを使用すると、円グラフのセグメントにアニメーション効果を追加して FlexPie の見栄えを向上させることができ、SelectAnimation プロパティを使用すると、アニメーションのイージング、長さなどの属性を選択できます。

次のコード例は、C# でこのプロパティを設定する方法を示します。例では、「クイックスタート」セクションで作成したサンプルを使用します。

C# のコード

//アニメーションを設定します
chart.LoadAnimation.AnimationMode = Xuni.Forms.ChartCore.Enums.AnimationMode.All;

アニメーション開始の遅延および時間をミリ秒で設定できます。

C# のコード

// ロードアニメーションの開始遅延を1ミリ秒に設定します。
chart.LoadAnimation.StartDelay = 1000;

// 更新を設定して、アニメーションの期間を2ミリ秒に設定します。
chart.UpdateAnimation.Duration = 2000;
chart.SelectAnimation.Duration = 2000;

更新アニメーションは、値の追加、値の削除、または値の変更によって基底のデータコレクションが変更されるときに発生します。更新アニメーションをサポートするには、データソースとして ObservableCollection または XuniCollectionView のいずれかを使用する必要があります。

ロードアニメーションは、チャートが初めてロードされるときに発生します。AnimationMode プロパティを設定することで、基本のロードアニメーションを変更できます。FlexPie は、All、Point（デフォルト）の 2 つのアニメーションモードをサポートしています。

• All: すべての円グラフのセグメントが円の中心から同時にアニメーション表示されます。
• Point: ピンホイールのように、時計回りに円グラフのセグメントが 1 つずつ表示されます。

C# のコード

// ロードしているアニメーションモードを系列に設定します。
chart.LoadAnimation.AnimationMode = ChartAnimationModes.All;

アニメーションに適用される easing 関数を設定することで、アニメーションをさらに詳細に設定できます。FlexChart は、3 次イン/アウト、スプリングイン/アウト、バウンドイン/アウト、線形などの標準イージング機能をサポートします。デフォルトのアニメーションイージングは CubicIn です。

C# のコード

// ロードしているアニメーションイージングを設定します。
chart.LoadAnimation.Easing = ChartEasing.CubicOut;

Copyright © GrapeCity inc. All rights reserved.