jquery 设置动画速度- ChartJS?

oug3syen  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(96)

我正在尝试在chartJS中设置饼图的动画速度。
我尝试了以下方法:

  1. numSteps:数量
    1.动画步骤:数量
  2. 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);

字符串

lc8prwob

lc8prwob1#

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

hfsqlsce

hfsqlsce2#

使用动画对象

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

字符串
我还没有看到任何地方记录这一点,但它是令人难以置信的帮助,不必设置速度的全球每一个图表。

相关问题