animation フィールド

animation オプションは、アニメーションが表示されるかどうかと、その方法を決定します。このオプションはアニメーション効果を定義し、ウィジェットのアニメーションの他の特性（持続時間やイージングなど）を制御します。

アニメーション効果を無効にするには、enabled 属性を false に設定します。サポートされているアニメーション効果とイージングの詳細については、「アニメーション」を参照してください。

型: object

デフォルト値: {enabled: true, duration: 400, easing: "easeinCubic"}

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： wijmo.chart.chart_animation returnsValue = $(".selector").wijbarchart("option", "animation"); //値を設定します var newValue; //タイプ： wijmo.chart.chart_animation $(".selector").wijbarchart("option", "animation", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： wijmo.chart.chart_animation
    returnsValue = $(".selector").wijbarchart("option", "animation");
    
    //値を設定します
    var newValue; //タイプ： wijmo.chart.chart_animation
    $(".selector").wijbarchart("option", "animation", newValue);
        
});

Javascript (Specification)
var animation : chart_animation;

使用例

Javascript

$("#barchart").wijbarchart({
    animation:{
        enabled:true,
        duration:1000
    }
});

解説

duration

The duration option defines the length of the animation effect in milliseconds.

Type: Number

Default: 400

easing

Sets the type of animation easing effect that users experience when the wijbarchart series loads on the page. For example, the wijbarchart series can bounce several times as it loads.

Type: String

Default: "easeInCubic"

Valid Values:

easeInCubic ? Cubic easing in. Begins at zero velocity and then accelerates.
easeOutCubic ? Cubic easing in and out. Begins at full velocity and then decelerates to zero.
easeInOutCubic ? Begins at zero velocity, accelerates until halfway, and then decelerates to zero velocity again.
easeInBack ? Begins slowly and then accelerates.
easeOutBack ? Begins quickly and then decelerates.
easeOutElastic ? Begins at full velocity and then decelerates to zero.
easeOutBounce ? Begins quickly and then decelerates. The number of bounces is related to the duration, longer durations produce more bounces.

enabled

The enabled option determines whether to use an animation effect.

Type: Boolean
Default: true

You can create custom easing animations using jQuery UI Easings.

duration

easing

enabled

関連トピック

参照