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