Pertanyaan Nonaktifkan Animasi dengan Charts.js


Saya mengalami masalah mematikan animasi dengan charts.js.

Ini adalah kode saya:     

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

Adakah yang bisa memberikan contoh?


33
2018-01-27 19:00


asal


Jawaban:


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

Itu harus bekerja;)


56
2018-03-23 20:53



options: {
    animation: {
        duration: 0
    }
}

28
2018-04-27 12:51



Untuk mencegah membaca semua jawaban yang diterima yang menjawab contoh khusus itu, untuk menonaktifkan animasi di bagan js:

Berikan sebuah objek dalam opsi Anda saat menginisialisasi jenis grafik tertentu dan gunakan pasangan kunci / nilai berikut: animation: false. misalnya myChart.Bar(myCanvas, {animation:false});


6
2017-07-01 14:22



Ini harus melakukan trik:

    chartOption = {
        animation:{
            duration: 0
        }
    }

1
2018-02-15 11:55



options{
    animation: false
}

0
2018-06-04 15:42