LinearGauge for ASP.NET Web Forms
アニメーションを設定する
タスク別ヘルプ > アニメーションを設定する

この手順では、C1LinearGauge コントロールのアニメーションを設定します。以下の手順では、ページに C1LinearGauge コントロールが既に追加されていることを前提とします。

デザインビューの場合

デザインビューで C1LinearGauge コントロールのアニメーションを設定するには、以下の手順を実行します。

  1. コントロールを右クリックし、[プロパティ]を選択します。
  2. プロパティウィンドウで、Behavior プロパティを展開します。
  3. Animation プロパティを展開します。
  4. 必要に応じて、DurationEasing を設定します。
メモ: Enabled プロパティが True に設定され、C1LinearGauge コントロールの Value プロパティが設定されていることを確認します。

ソースビューの場合
ソースビューで C1LinearGauge コントロールのアニメーションを設定するには、<cc1:C1LinearGauge></cc1:C1LinearGauge> タグの間にマウスを置き、次のマークアップを追加します。

<Animation Duration="1000" Easing ="EaseOutBounce" Enabled ="true"/>

必要に応じて、Duration と Easing を設定して、コントロールの Animation を設定します。コントロールの Animation を有効にするには、Enabled を True に設定します。

メモ: C1LinearGauge コントロールの Value プロパティが設定されていることを確認します。

コードの場合

コントロールの Animation を設定するには、Page_Load イベントに次のコードを追加します。

Visual Basic でコードを書く場合

Visual Basic
コードのコピー

' C1LinearGauge の最小値を設定します
C1LinearGauge1.Min = 0

' C1LinearGauge の最大値を設定します
C1LinearGauge1.Max = 100

' C1LinearGauge の値を設定します
C1LinearGauge1.Value = 50

' C1LinearGauge のアニメーションの Duration を設定します
C1LinearGauge1.Animation.Duration = 1000

' C1LinearGauge のアニメーションの Easing を設定します
C1LinearGauge1.Animation.Easing = C1.Web.Wijmo.Controls.C1Chart.ChartEasing.EaseOutBounce

' C1LinearGauge でアニメーションを有効にします
C1LinearGauge1.Animation.Enabled = True

C# でコードを書く場合

C#
コードのコピー

// C1LinearGauge の最小値を設定します
C1LinearGauge1.Min = 0;

// C1LinearGauge の最大値を設定します
C1LinearGauge1.Max = 100;

// C1LinearGauge の値を設定します
C1LinearGauge1.Value = 50;

// C1LinearGauge のアニメーションの Duration を設定します
C1LinearGauge1.Animation.Duration = 1000;

// C1LinearGauge のアニメーションの Easing を設定します
C1LinearGauge1.Animation.Easing = C1.Web.Wijmo.Controls.C1Chart.ChartEasing.EaseOutBounce;

// C1LinearGauge でアニメーションを有効にします
C1LinearGauge1.Animation.Enabled = true;