J'ai du mal à désactiver l'animation avec charts.js.
Ceci est mon code:
var pieData = [
{
value: 30,
color:"#F38630"
},
{
value : 50,
color : "#E0E4CC"
},
{
value : 100,
color : "#69D2E7"
}
];
var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);
Quelqu'un peut-il donner un exemple?
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);
Cela devrait fonctionner ;)
options: {
animation: {
duration: 0
}
}
Pour empêcher la lecture de toutes les réponses acceptées qui répondent à cet exemple particulier, désactivez l'animation dans le graphique js:
Passez un objet dans vos options lors de l’initialisation du type de graphique et utilisez la paire clé/valeur suivante: animation: false
. par exemple. myChart.Bar(myCanvas, {animation:false});
Essaye ça:
options: {
animation: {
duration: 0, // general animation time
},
hover: {
animationDuration: 0, // duration of animations when hovering an item
},
responsiveAnimationDuration: 0, // animation duration after a resize
}
Salut 3 options suivantes fonctionne pour la désactivation de l'animation
1) Désactiver l'animation:
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
animation: false,
}
});
2) Réduit la durée de l'animation pour 0
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
animation: {
duration: 0,
},
});
3) Option globale:
Chart.defaults.global.animation = false;
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
}
});
Cela devrait faire l'affaire:
chartOption = {
animation:{
duration: 0
}
}
Cela peut aussi être fait globalement:
Chart.defaults.global.animation.duration = 0
Via: https://www.chartjs.org/docs/latest/configuration/animations.html#animation-configuration
options{
animation: false
}