のように更新しているときに針が徐々に値を変更している可能性はありますdojox.gauges
か?
中間値を徐々に渡す可能性はありますか?
dojox/dgauges/CircularRangeIndicatoranimationDuration
の API ドキュメントによると、探しているプロパティは次のとおりです。
ミリ秒単位の値変更アニメーションの継続時間。デフォルトは 0 です。アニメーションは、ユーザーの操作とプログラムによる値の変更の両方で発生します。アニメーションを無効にするには、このプロパティを 0 に設定します。
これを実証するために、テストjsfiddleを作成しました。
マークアップ:
<body class="claro">
<div data-dojo-type="dojox/dgauges/components/default/CircularLinearGauge" data-dojo-id="gauge" value="20" minimum="-50" maximum="50" animationDuration="100" style="width:300px; height:300px"></div>
</body>
コード:
require(['dojo/parser', 'dojox/dgauges/components/default/CircularLinearGauge', 'dojo/domReady!'], function (parser, CircularLinearGauge) {
parser.parse();
console.log('parsed');
setInterval(function () {
var newVal = Math.ceil(Math.random() * (100) - 50);
console.log('setting value to', newVal);
gauge.set('value', newVal);
}, 1000);
});