Deaktivieren Sie Animation mit Charts.js

var pieData = [{
    value: 30,
    color: "#F38630"
}, 
{
    value: 50,
    color: "#E0E4CC"
}, 
{
    value: 100,
    color: "#69D2E7"
}];

var pieOptions = {
    animation: false
};

var ctx = document.getElementById("canvas").getContext("2d");
var myPie = new Chart(ctx).Pie(pieData, pieOptions);

Das sollte funktionieren ;)

options: {
    animation: {
        duration: 0
    }
}

Um zu verhindern, dass alle akzeptierten Antworten gelesen werden, die auf dieses Beispiel antworten, deaktivieren Sie die Animation in Diagramm js:

Übergeben Sie ein Objekt in Ihren Optionen, wenn Sie den bestimmten Diagrammtyp initialisieren, und verwenden Sie das folgende Schlüssel/Wert-Paar: animation: false. z.B. myChart.Bar(myCanvas, {animation:false});

Versuche dies:

options: {
    animation: {
        duration: 0, // general animation time
    },
    hover: {
        animationDuration: 0, // duration of animations when hovering an item
    },
    responsiveAnimationDuration: 0, // animation duration after a resize
}

Hi folgenden 3 Optionen funktioniert für die Deaktivierung der Animation

1) Animation deaktivieren:

var myLine = Chart.Line(ctx, {
        data: lineChartData,
        options: {
           animation: false,
         }
        });

2) Reduzieren Sie die Animationsdauer für 0

var myLine = Chart.Line(ctx, {
        data: lineChartData,
        options: {   
            animation: {
                duration: 0,
            },
         });

3) Globale Option:

 Chart.defaults.global.animation = false;
    var myLine = Chart.Line(ctx, {
        data: lineChartData,
        options: {
         }
       });

Dies sollte den Trick machen:

    chartOption = {
        animation:{
            duration: 0
        }
    }

Dies kann auch global erfolgen:

Chart.defaults.global.animation.duration = 0

Via: https://www.chartjs.org/docs/latest/configuration/animations.html#animation-configuration

options{
    animation: false
}