设置动画速度 - ChartJS?

And*_*rdi 5 javascript jquery animation chart.js

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

我尝试过以下方法:

  1. numSteps:数字,

  2. animationSteps:数字

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

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

 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);
Run Code Online (Sandbox Code Playgroud)

Jos*_*ora 9

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


小智 6

使用动画对象

options: {
        animation: {
            duration: 2000,
        },
Run Code Online (Sandbox Code Playgroud)

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