2017-03-02 165 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;