Chart.js 跳过折线图的初始动画

Chart.js 跳过折线图的初始动画,chart.js,Chart.js,有没有办法跳过初始动画 我尝试将持续时间设置为0,然后将其更改为2000。 但在我销毁并重新创建图表之前,似乎会永久禁用动画 我想做的是: 最初在图中间显示一条带有平线的线图。 然后在数据更改时,我希望它能够动画化到数据位置 您可以首先将动画持续时间设置为0,然后: 立即设置动画持续时间,或 指定调用update()方法时的持续时间 示例: 设最大值为10, 最小值=-10, myChart=新图表(document.getElementById('myChart'){ 键入:“行”, 数据

有没有办法跳过初始动画

我尝试将持续时间设置为0,然后将其更改为2000。 但在我销毁并重新创建图表之前,似乎会永久禁用动画

我想做的是:

    最初在图中间显示一条带有平线的线图。
  • 然后在数据更改时,我希望它能够动画化到数据位置

您可以首先将动画持续时间设置为
0
,然后:

  • 立即设置动画持续时间,或
  • 指定调用
    update()
    方法时的持续时间
  • 示例:

    设最大值为10,
    最小值=-10,
    myChart=新图表(document.getElementById('myChart'){
    键入:“行”,
    数据:{
    标签:['a','b','c'],
    数据集:[{
    标签:“系列1”,
    数据:[5,5,5]
    }]
    },
    选项:{
    MaintaintAspectRatio:false,
    比例:{
    雅克斯:[{
    滴答声:{
    最高:10,
    贝吉纳泽罗:是的
    }
    }]
    },
    动画:{
    持续时间:0
    }
    }
    });
    // 1. 立即设置动画持续时间。
    //myChart.config.options.animation.duration=1000;
    setInterval(函数(){
    设a=getRandomInt(0,3),//要修改的索引。
    b=getRandomInt(0,11);//新值。
    myChart.config.data.datasets[0]。数据[a]=b;
    myChart.update(1000);//2.指定持续时间。
    }, 2000); // 使用随机值每2秒更新一次图表。
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random#Getting_a_random_integer_between_two_values
    函数getRandomInt(最小值、最大值){
    min=数学单元(min);
    最大值=数学楼层(最大值);
    返回Math.floor(Math.random()*(max-min))+min;//最大值是独占的,最小值是包含的
    }

    谢谢。我有点恼火,我每次都必须设置更新调用的持续时间,因为我所做的是从图表实例的配置中获取它。但是我的问题解决了,这是最重要的部分:+1