Skip to content

Supports animation #5

@erenalpaslan

Description

@erenalpaslan

Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes.

Here example of animation config

options: {
    animations: {
      tension: {
        duration: 1000,
        easing: 'linear',
        from: 1,
        to: 0,
        loop: true
      }
    },

Users need to customize the animation config and need to be able to use animation callbacks to be notified

animation: {
    onProgress: function(animation) {
        progress.value = animation.currentStep / animation.numSteps;
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions