2017-03-02 13 views
2

chartJSで円グラフのアニメーションの速度を設定しようとしています。アニメーションの速度を設定する - ChartJS?

私は次のことを試してみた:

  1. numSteps:番号、

  2. animationSteps:ナンバー

    3.Chart.defaults.global.animationSteps =数;

これらのどれも速度を変更していません。何かアドバイス?

var myNewChart; 
    var data = [ 
     { 
     value: 30, 
     label: "hello", 
     color: "#F7464A" 
     }, { 
     value: 50, 
     color: "#E2EAE9" 
     }, { 
     value: 100, 
     color: "#D4CCC5" 
     }, { 
     value: 40, 
     color: "#949FB1" 
     }, { 
     value: 100, 
     color: "#4D5360" 
     }, 

    ]; 


    var options = { 
     animation: true, 
     animationEasing: 'easeInOutQuart', 
     animationSteps: 80, 
     multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>" 

    }; 


    var ctx = document.getElementById("myChart") 
             .getContext("2d"); 

    myNewChart = new Chart(ctx).Doughnut(data, options); 
+2

やあ、あなたはChart.defaults.global.animation.duration = 3000を試してみました。 ? –

+1

うわー。それは完璧に働いた!ありがとうございました!! – AndrewLeonardi

+0

これはページ内のすべてのグラフのアニメーションの継続時間を変更しませんか? – zaffer

答えて

5

使用Chart.defaults.global.animation.duration = 3000;

関連する問題