easing フィールド

seriesList データがロードまたは変更されたときにユーザーが体験するアニメーションイージング効果のタイプを設定します。

型: String

デフォルト値: "easeInCubic"

シンタックス

Javascript (Usage)
var instance; //タイプ：wijmo.chart.chart_animation; var value; // Type: string value = instance.easing;

Javascript (Usage)

var instance; //タイプ：wijmo.chart.chart_animation;
var value; // Type: string
value = instance.easing;

Javascript (Specification)
var easing : string;

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.

You can create custom easing animations using jQuery UI Easings.

解説

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; a longer duration produces more bounces.

You can create custom easing animations using jQuery UI Easings.

Easing is defined in Raphael. You can find external documentation here: http://raphaeljs.com/reference.html#Raphael.easing_formulas

関連トピック