动画

    以下为全局选项,在中定义。

    • 'linear'
    • 'easeInQuad'
    • 'easeOutQuad'
    • 'easeInOutQuad'
    • 'easeInCubic'
    • 'easeOutCubic'
    • 'easeInQuart'
    • 'easeOutQuart'
    • 'easeInOutQuart'
    • 'easeInQuint'
    • 'easeInOutQuint'
    • 'easeInSine'
    • 'easeOutSine'
    • 'easeInOutSine'
    • 'easeInExpo'
    • 'easeOutExpo'
    • 'easeInOutExpo'
    • 'easeInCirc'
    • 'easeOutCirc'
    • 'easeInOutCirc'
    • 'easeInElastic'
    • 'easeOutElastic'
    • 'easeInOutElastic'
    • 'easeInOutBack'
    • 'easeInBounce'
    • 'easeOutBounce'
    • 'easeInOutBounce'
      参考 Robert Penner's easing equations.

    onProgressonComplete回调对于外部操作同步到图表动画,回调传递一个Chart.Animation实例:

    1. var chart = new Chart(ctx, {
    2. type: 'line',
    3. data: data,
    4. options: {
    5. animation: {
    6. onProgress: function(animation) {
    7. progress.value = animation.animationObject.currentStep / animation.animationObject.numSteps;
    8. }
    9. }
    10. }

    这些回调的另一个例子可以在上找到:该示例显示一个进度条,显示动画的距离。