62
задан 24 November 2015 в 17:16

8 ответов

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);

, Который должен работать ;)

75
ответ дан 31 October 2019 в 13:21
options: {
    animation: {
        duration: 0
    }
}
65
ответ дан 31 October 2019 в 13:21

Для предотвращения чтения всего принятого ответа, который отвечает что конкретный пример, для отключения анимации в диаграмме js:

Передача объект в Ваших опциях при инициализации конкретного типа диаграммы и использования следующая пара ключ/значение: animation: false. например, myChart.Bar(myCanvas, {animation:false});

8
ответ дан 31 October 2019 в 13:21

Попробуйте это:

options: {
    animation: {
        duration: 0, // general animation time
    },
    hover: {
        animationDuration: 0, // duration of animations when hovering an item
    },
    responsiveAnimationDuration: 0, // animation duration after a resize
}
7
ответ дан 31 October 2019 в 13:21

Это должно добиться цели:

    chartOption = {
        animation:{
            duration: 0
        }
    }
5
ответ дан 31 October 2019 в 13:21

Привет следующие 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: {
         }
       });
5
ответ дан 31 October 2019 в 13:21

Это может также быть сделано глобально:

Chart.defaults.global.animation.duration = 0

Через: https://www.chartjs.org/docs/latest/configuration/animations.html#animation-configuration

5
ответ дан 31 October 2019 в 13:21
options{
    animation: false
}
3
ответ дан 31 October 2019 в 13:21

Другие вопросы по тегам:

Похожие вопросы: