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