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);
, Который должен работать ;)
Для предотвращения чтения всего принятого ответа, который отвечает что конкретный пример, для отключения анимации в диаграмме js:
Передача объект в Ваших опциях при инициализации конкретного типа диаграммы и использования следующая пара ключ/значение: animation: false
. например, myChart.Bar(myCanvas, {animation:false});
Попробуйте это:
options: {
animation: {
duration: 0, // general animation time
},
hover: {
animationDuration: 0, // duration of animations when hovering an item
},
responsiveAnimationDuration: 0, // animation duration after a resize
}
Это должно добиться цели:
chartOption = {
animation:{
duration: 0
}
}
Привет следующие 3 работы опций для отключения анимации
1) Отключают анимацию:
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
animation: false,
}
});
2) Уменьшают продолжительность анимации для 0
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
animation: {
duration: 0,
},
});
3) Глобальная Опция:
Chart.defaults.global.animation = false;
var myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
}
});
Это может также быть сделано глобально:
Chart.defaults.global.animation.duration = 0
Через: https://www.chartjs.org/docs/latest/configuration/animations.html#animation-configuration