设置动画速度 - ChartJS?

人气:1,029 发布:2022-09-11 标签: jquery javascript animation chart.js

问题描述

我正在尝试在chartJS中设置饼图的动画速度.

I am trying to set the animation speed of a pie chart in chartJS.

我尝试了以下方法:

numSteps: 数字

numSteps: Number

动画步骤:数字

Chart.defaults.global.animationSteps = Number

Chart.defaults.global.animationSteps = Number

这些都没有改变速度.有什么建议吗?

None of these have changed the speed. Any advice?

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

推荐答案

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

437