设置动画速度 - ChartJS？

Question

我正在尝试设置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);

- AndrewLeonardi

---

嗨，你试过 Chart.defaults.global.animation.duration = 3000; 吗？ - José Quinto Zamora

哇，那个完美地运行了！谢谢你！！ - AndrewLeonardi

这不会改变页面中所有图表的动画持续时间吗？ - zaffer

Answer 1

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

- José Quinto Zamora

Answer 2

使用动画对象

options: {
        animation: {
            duration: 2000,
        },
        ...
}

我在任何地方都没有看到这个记录，但是对于不必为每个图表全局设置速度来说，这非常有帮助。

- rcbjmbadb

---

嘿，当我将这个选项添加到我的柱状图选项中时，它甚至无法加载柱状图。 - momal

@momal，你能告诉我你在哪里添加它吗？我从来没有遇到过问题。 - rcbjmbadb