1

tem como desativar uma animação de um gráfico Charts.js?
Estou montando um gráfico que atualiza a cada 300 milissegundos via ajax, porém a animação do gráfico Charts.js atrapalha a visualização.

o código da montagem do gráfico:

function montaGrafico(report_one, report_two, report_three, report_four, datas) {
var ctx = document.getElementById('myChart2').getContext('2d');
var chart = new Chart(ctx, {
    type: 'line',
    // The data for our dataset
    data: {
        labels: [datas[4], datas[3], datas[2], datas[1], datas[0]],
        datasets: [
            {
                label: "Linha 1",
                backgroundColor: 'rgba(0, 140, 204, 0.5)',
                borderColor: 'rgba(0, 140, 204, 0.6)',
                borderWidth: 2,
                data: [report_one[4], report_one[3], report_one[2], report_one[1], report_one[0]]
            },
            {
                label: "Linha 2",
                backgroundColor: 'rgba(255, 150, 102, 0.5)',
                borderColor: 'rgba(255, 150, 102, 0.6)',
                borderWidth: 2,
                data: [report_two[4], report_two[3], report_two[2], report_two[1], report_two[0]]
            },
            {
                label: "Linha 3",
                backgroundColor: 'rgba(248, 255, 33, 0.5)',
                borderColor: 'rgba(248, 255, 33, 0.6)',
                borderWidth: 2,
                data: [report_three[4], report_three[3], report_three[2], report_three[1], report_three[0]]
            },
            {
                label: "Linha 4",
                backgroundColor: 'rgba(112, 204, 124, 0.5)',
                borderColor: 'rgba(112, 204, 124, 0.6)',
                borderWidth: 2,
                data: [report_four[4], report_four[3], report_four[2], report_four[2], report_four[0]]
            }
        ]
    },
    // Configuration options go here
    options: {}
});

}

1 Resposta 1

3

Para desabilitar as animações passe no options a seguinte configuração:

options: {
   animation: false
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .