アニメーションは、静的な要素に命を吹き込むことで、アプリケーションを一段と魅力的なものにし、ユーザーエクスペリエンスを向上させます。

FlexChart では、そのまま使用できる、チャートのアニメーション化機能が提供されています。FlexChart クラスの AnimationSettings プロパティを使用すると、アニメーションを表示するかどうか、およびどこに表示するかを選択できます。このプロパティは、AnimationSettings 列挙に含まれる値を受け取り、チャートのロードまたは更新時、軸のロードまたは更新時、あるいはすべての状況でアニメーションが表示されるように設定できます。動きのあるチャートの作成に役立つさまざまなアニメーションオプションを、AnimationLoad プロパティと AnimationUpdate プロパティを使用して設定できます。これらのプロパティは AnimationLoadOptions 型および AnimationOptions 型で、これらにアクセスして、イージング効果、持続期間、方向、タイプなどのオプションを設定できます。

// チャートにアニメーションを適用します
flexChart1.AnimationSettings = C1.Chart.AnimationSettings.Load;
flexChart1.AnimationUpdate.Easing = C1.Chart.Easing.Linear;
flexChart1.AnimationUpdate.Duration = 500;
flexChart1.AnimationLoad.Type = C1.Chart.AnimationType.Series;           

' Apply animation to chart
flexChart1.AnimationSettings = C1.Chart.AnimationSettings.Load
flexChart1.AnimationUpdate.Easing = C1.Chart.Easing.Linear
flexChart1.AnimationUpdate.Duration = 500
flexChart1.AnimationLoad.Type = C1.Chart.AnimationType.Series

円グラフとサンバーストチャートのアニメーション

円グラフとサンバーストチャートの場合は、FlexPie クラスの AnimationSettings プロパティを使用して、チャートのロード時、更新時、またはその両方のアニメーションを設定できます。FlexChart クラスと同様に、FlexPie クラスでも、AnimationLoad プロパティと AnimationUpdate プロパティを設定して、イージング、持続期間、スライス属性などのさまざまなアニメーションオプションを、PieAnimationOptions クラスを使用して指定できます。

// 円グラフにアニメーションを適用します 
flexPie1.AnimationSettings = C1.Chart.AnimationSettings.Load;
flexPie1.AnimationUpdate.Easing = C1.Chart.Easing.Linear;
flexPie1.AnimationUpdate.Duration = 500;
flexPie1.AnimationLoad.Type = C1.Chart.AnimationType.Series;       

' Apply animation to pie chart 
flexPie1.AnimationSettings = C1.Chart.AnimationSettings.Load
flexPie1.AnimationUpdate.Easing = C1.Chart.Easing.Linear
flexPie1.AnimationUpdate.Duration = 500
flexPie1.AnimationLoad.Type = C1.Chart.AnimationType.Series