{{ target: partial-animation}}

#${prefix} animation(boolean) = ${defaultAnimation|default(true)}

是否开启动画。

#${prefix} animationThreshold(number) = ${defaultAnimationThreshold|default(2000)}

是否开启动画的阈值,当单个系列显示的图形数量大于这个阈值时会关闭动画。

{{ use: partial-animation-init( prefix=${prefix}, galleryEditorPath=${galleryEditorPath}, defaultAnimationDuration=${defaultAnimationDuration}, defaultAnimationEasing=${defaultAnimationEasing}, noAnimationDelay=${noAnimationDelay} ) }}

#${prefix} animationDurationUpdate(number|Function) = ${defaultAnimationDurationUpdate|default(300)}

数据更新动画的时长。

支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果:

animationDurationUpdate: function (idx) {
    // 越往后的数据延迟越大
    return idx * 100;
}

#${prefix} animationEasingUpdate(string) = ${defaultAnimationEasingUpdate|default(‘cubicOut’)}

数据更新动画的缓动效果。

{{ if: !${noAnimationDelay} }} #${prefix} animationDelayUpdate(number|Function) = 0

数据更新动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。

如下示例:

animationDelayUpdate: function (idx) {
    // 越往后的数据延迟越大
    return idx * 100;
}

也可以看该示例 {{ /if }}

{{ target: partial-animation-init}}

#${prefix} animationDuration(number) = ${defaultAnimationDuration|default(1000)}

初始动画的时长,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果:

animationDuration: function (idx) {
    // 越往后的数据延迟越大
    return idx * 100;
}

#${prefix} animationEasing(string) = ${defaultAnimationEasing|default(‘cubicOut’)}

初始动画的缓动效果。不同的缓动效果可以参考 缓动示例

{{ if: !${noAnimationDelay} }} #${prefix} animationDelay(number|Function) = 0

初始动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。

如下示例:

animationDelay: function (idx) {
    // 越往后的数据延迟越大
    return idx * 100;
}

也可以看该示例 {{ /if }}