[2.0.0-beta] Uncaught TypeError: easingFunction is not a function

[JamesDunne]

Uncaught TypeError: easingFunction is not a function
animation.render @ Chart-2.0.0-beta.js:1411
Chart.animationService.startDigest @ Chart-2.0.0-beta.js:1157
Chart.animationService.digestWrapper @ Chart-2.0.0-beta.js:1135

This happens on mousemove events after being rendered. Animation is disabled via options.

Client code to render is:

new Chart.Line(ctx, {
    data: {
        labels:   dates,
        datasets: [{
            label: "values",
            data:  values
        }]
    },
    options: {
        animation:               false,
        datasetFill:             false,
        pointHitDetectionRadius: 4
    }
});

[JamesDunne]

I ported this code from 1.0 not realizing the difference in options. Setting animation to a bool whereas the library expects a more complex object is what's causing the failure here.

[etimberg]

Fixed in #1743

If options.animation is set to false no animation will take place.

[WhitecastlePT]

Sooooo i'm in 2.4.0 and this still happens...So we can´t have animations now ?

[pietrofxq]

Having the same issue. Running version 2.4.0 as well.

[etimberg]

@WhitecastlePT @pietrofxq animations work fine in 2.4.0. Do you have a specific test case that does not work?

[pietrofxq]

@etimberg Looks like animation is working, but explicit setting animation:true for the chart options gives this error

[etimberg]

oh, that makes sense because in the default config, animation is an object

[WhitecastlePT]

@etimberg @pietrofxq i reached the same conclusion after your input...

[jamespsterling]

Fixed this by doing animation block,

var pieOptions = {
    ...
    animation: {
        steps: 50,
        easing: "easeOut",
        rotate: true,
        scale: false
    },
    responsive: true,
   ...
};

[jimfilippou]

Assuming you want a line chart, use this configuration 🔨

{
	steps: 50,
	scale: false
}