1

この JS Fiddle の例では、ゲージは新しい値で定期的に更新されます。

https://jsfiddle.net/n5fvb8ft/ (訂正していただきありがとうございます)

この例では、setInterval を使用してランダムな新しい値を割り当てます。

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

ご覧のとおり、新しい番号が表示され、針がそれに向けて動きます。最終的な値を表示するだけでなく、現在の数値を針で更新して表示したいと思います。これは Google チャートを使用して可能ですか? また、アニメーションを遅くしたいのですが、それはおそらく別の問題です。

おそらく値にトゥイーンを設定し、針のアニメーションと同じ期間でアニメーション化してからゲージを繰り返し更新できると思いますが、これはかなり不器用で、針は多くの小さな動きでアニメーション化する可能性があります. 確かにもっと良い方法があるはずです。

どんな助けでも大歓迎です。

4

1 に答える 1