如何使用 Google 图表动画为数值设置动画?特别是仪表

How do I animate the numerical value using a Google Charts animation? Specifically the Gauage

在此 JS Fiddle 示例中,仪表会定期更新新值。

https://jsfiddle.net/n5fvb8ft/ (感谢nbering指正)

此示例使用 setInterval 分配随机新值 例如

setInterval(function() {
          data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
          chart.draw(data, options);
        }, 13000);

如您所见,新数字出现并且指针朝着它移动。 我真的很想用指针显示当前数字更新,而不仅仅是显示最终值。这可能使用 Google 图表吗?我也想放慢动画速度,但这可能是另一个问题。

我认为可以在该值上设置一个补间动画,并以与针动画相同的持续时间对其进行动画处理,然后重复更新仪表,但这会非常笨拙,并且针可能会以许多小动作进行动画处理.当然,必须有更好的方法。

如有任何帮助,我们将不胜感激。

据我了解,您希望径向量规内显示的数字显示针指向的值,而不是针动画指向的值。

如果是这样,那么不,这不是 Google 图表 API 的可用功能。您可以按照您的建议破解它,但这可能不会像您希望的那样执行,并且会涉及很多 setTimeouts。因此,如果您有任何其他长 运行 代码阻塞事件循环,您将获得抖动动画。