easing フィールド

wijlinechart 系列がページにロードされたときにユーザーが体験するアニメーションイージング効果のタイプを設定します。たとえば、ロード中に折れ線系列を数回バウンドさせることができます。

型: String

デフォルト値: "easeInCubic"

シンタックス

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

Javascript (Usage)

var instance; //タイプ：wijmo.chart.linechart_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.

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

You can also create custom easing animations using jQuery UI Easings.

関連トピック